3步让AI生成的落地页不再“模板味“：Taste-Skill 实用上手

3步让AI生成的落地页不再模板味Taste-Skill 实用上手【免费下载链接】taste-skillTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop项目地址: https://gitcode.com/GitHub_Trending/ta/taste-skill让 AI 写个落地页你八成会收到紫色渐变背景、居中大标题、三张等宽卡片。再翻第二个项目还是这套。Taste-Skill 就是冲着这个问题来的一组给 AI 编码代理用的设计技能装上之后代理生成的界面会自动避开AI 味改用不对称布局、克制的配色和完整的交互状态。为什么它不是又一个提示词模板一句话Taste-Skill 是一组可移植的 Agent Skills每个技能就是一份 SKILL.md 指令文件Codex、Cursor、Claude 这类代理会自动加载并遵守。和普通提示词模板的本质区别在于规则背后有专门的测试与研究支撑背景资料全部放在仓库的 research/ 目录里能翻到出处。一条命令装好5分钟上手npx skills add这个 CLI 会扫描仓库skills/目录下的全部技能一条命令装完npx skills add https://gitcode.com/GitHub_Trending/ta/taste-skill装完的预期效果代理做页面的第一步变成读需求而不是直接开写。两点补充。默认的 taste-skill 已是 v2 实验版是 v1 的大改旧版保留为 taste-skill-v1差异见 CHANGELOG.md。只装某一个技能时用--skill加安装名取 SKILL.md 里 name 字段的值不是文件夹名npx skills add https://gitcode.com/GitHub_Trending/ta/taste-skill --skill imagegen-frontend-mobile不想用 CLI 也行把任意一个 SKILL.md 复制进项目或直接粘进对话。写代码前先干一件事读需求能力代理拿到需求后先做理解声明什么页面、给谁看、什么风格用一句话写出来。需求真有歧义时只问一个问题确认不猜、不连环追问。怎么调不用调正常描述需求即可。想拿回控制权把风格词直接写进需求比如Linear 风格、高端、俏皮一点代理会据此选设计方向。效果首屏不再人畜无害地跟所有人长得一样。配色、布局从你的需求推出来而不是从模型的默认审美里取。三个旋钮怎么调能力三个 1-10 的旋钮基线是 8/6/4。DESIGN_VARIANCE 管布局实验性MOTION_INTENSITY 管动效深度VISUAL_DENSITY 管每屏信息量。怎么调别动文件直接在对话里说整体再安静一点数值会跟着变。效果variance 低是居中整洁高是不对称大胆动效低只有悬停反馈高有滚动联动和磁性效果密度低是画廊式留白高是仪表盘。同一个页面三组数值出来就是三种气质。硬规则AI 爱犯的错被明令禁止能力一批硬约束直接写在技能里。布局实验性超过 4 时居中 Hero 被禁必须走分屏或不对称留白全局一个中性基调加一个强调色紫蓝渐变严格排除骨架屏、空状态、内联报错一个不能少动效只动 transform 和 opacity。怎么调不用调自动执行。效果交付前逐项过预检清单按钮对比度达 WCAG AA、8 个区块至少 4 种布局家族。仓库里的示例页面就是这套规则跑出来的什么场景选哪个技能技能按场景各管一件事不必一次全装升级现有站点用 redesign-skill先审计 UI再按顺序修布局、间距、层次要的是设计稿不是代码imagegen-frontend-web网页稿、imagegen-frontend-mobile移动端流程、brandkit品牌面板只出图再交给编码代理实现代理爱偷懒、总交半成品加 output-skill强制完整输出视觉方向已定soft-skill柔和、minimalist-skill极简、brutalist-skill硬朗对号入座别在它身上做的事仪表盘、数据表格、多步表单、代码编辑器这些明确在 scope 之外见 skills/taste-skill/SKILL.md 的 Out of Scope 一节其余变体gpt-taste、stitch-skill、image-to-code 等和对应安装名查 skills/llms.txt 的清单。快问快答绑定某个框架吗不绑定。规则针对设计意图不针对框架 APIReact、Vue、Svelte 都能用。v2 稳定吗目前是实验版v2.0.0 时锁定接口。依赖 v1 精确行为的装 taste-skill-v1。图像生成技能也走同一个安装命令吗是。它们和代码技能一起放在skills/下同一个 CLI 就能发现。先跑一遍安装命令再让代理给你做个 SaaS 落地页和装之前的页面对着看一眼要不要长期留着就有答案了。【免费下载链接】taste-skillTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop项目地址: https://gitcode.com/GitHub_Trending/ta/taste-skill创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考