Taste-Skill使用指南3个旋钮和13个技能让AI生成的前端页面不再模板化【免费下载链接】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 前端设计技能包它给 Cursor、Claude Code、Codex 这类编码代理一份设计约束和反模板规则让 AI 生成的界面更像一个专业设计师做的。三个1-10的旋钮AI的风格音量默认技能里有三个 1~10 的数字直接决定输出的走向DESIGN_VARIANCE布局变化度1 是完美对称10 是艺术性混乱MOTION_INTENSITY动效强度1 是静态10 是电影级动画VISUAL_DENSITY视觉密度1 是画廊式留白10 是仪表盘式塞满。就像给 AI 拧风格音量。需求说极简、安静技能文件里有一张预设表可查变化度 5-6、动效 3-4、密度 2-3说实验、俏皮则整套数值上移。旋钮靠默认值和对话推断来设置不需要你每次手改文件。先读懂需求再动笔写代码技能文件里最容易被忽略的其实是第一步写代码前先输出一行设计解读格式是我把这读作面向 XX 人群的 XX 类页面用 XX 风格语言。受众决定审美而不是模型的口味。如果需求真的含糊只允许追问一个问题而不是连环追问。这一步逼着模型先坐住想清楚减少直接套默认模板的概率。一份AI痕迹黑名单正向指导之外还有硬规则em-dash 长破折号全站禁用改用普通连字符AI 惯用的紫色渐变、全屏玻璃拟态、居中英雄区加暗色网格背景等都被点名为默认陷阱要求绕开。交付前还要过一遍预飞检查清单条目包括全页零 em-dash引文不超过三行这类可逐项打勾的硬指标。规则不是拍脑袋。research/ 目录里作者系统整理了 AI 为什么会产出占位代码、截断输出训练数据偏差、认知捷径、输出限制等原因技能里的反偷懒条目正对应这些发现。13个技能各干一件事按需挑技能都在 skills/ 下每个就是一份独立的 SKILL.md有的输出代码有的只出设计参考图。常用的几个技能干什么适合taste-skill通用前端设计落地页、作品集、旧站改造brutalist-skill工业粗野风格科技感、强对比界面soft-skill高端平静视觉偏贵气质感的品牌页imagegen-frontend-web生成网页参考图先让 AI 画图再写代码想锁住旧版行为可以单独安装 v1CHANGELOG.md 记录了 v1 到 v2 的完整差异。️ 效果参照Floria 案例项目里附带了用默认技能生成的 Flora 落地页直接看成品最直观它不是 AI 默认输出的那种标准页首屏标题左对齐视觉重心让给右侧的花艺实拍下方卡片大小不一整页保持统一的深色调。这就是旋钮数值加反模板规则共同作用的结果。 上手三步走先把仓库拉到本地git clone https://gitcode.com/GitHub_Trending/ta/taste-skill cd taste-skill source ./skill.sh taste-skill第三行会打印出对应 SKILL.md 的路径。最直接的用法就是打开这个文件把内容复制进你的 AI 对话或项目目录当然也支持官方提供的 npx skills add 一行安装方式细节见 README。接下来把需求丢给 AI看它先给出设计解读和旋钮取值拿到页面后按预飞清单逐项核对。适合谁不适合谁适合从零开始的落地页、作品集、现有项目改版以及先出参考图再写代码的工作流。规则针对的是设计意图而非某个框架 APIReact、Vue、Svelte 都能用。不适合数据表格、多步表单、管理后台这类复杂产品界面。默认技能明确说这类页面不在射程内它们更适合成熟组件库加设计系统。今天就能做的一步如果你正用 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辅助生成（AIGC），仅供参考 Taste-Skill使用指南：3个旋钮和13个技能，让AI生成的前端页面不再模板化
Taste-Skill使用指南3个旋钮和13个技能让AI生成的前端页面不再模板化【免费下载链接】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 前端设计技能包它给 Cursor、Claude Code、Codex 这类编码代理一份设计约束和反模板规则让 AI 生成的界面更像一个专业设计师做的。三个1-10的旋钮AI的风格音量默认技能里有三个 1~10 的数字直接决定输出的走向DESIGN_VARIANCE布局变化度1 是完美对称10 是艺术性混乱MOTION_INTENSITY动效强度1 是静态10 是电影级动画VISUAL_DENSITY视觉密度1 是画廊式留白10 是仪表盘式塞满。就像给 AI 拧风格音量。需求说极简、安静技能文件里有一张预设表可查变化度 5-6、动效 3-4、密度 2-3说实验、俏皮则整套数值上移。旋钮靠默认值和对话推断来设置不需要你每次手改文件。先读懂需求再动笔写代码技能文件里最容易被忽略的其实是第一步写代码前先输出一行设计解读格式是我把这读作面向 XX 人群的 XX 类页面用 XX 风格语言。受众决定审美而不是模型的口味。如果需求真的含糊只允许追问一个问题而不是连环追问。这一步逼着模型先坐住想清楚减少直接套默认模板的概率。一份AI痕迹黑名单正向指导之外还有硬规则em-dash 长破折号全站禁用改用普通连字符AI 惯用的紫色渐变、全屏玻璃拟态、居中英雄区加暗色网格背景等都被点名为默认陷阱要求绕开。交付前还要过一遍预飞检查清单条目包括全页零 em-dash引文不超过三行这类可逐项打勾的硬指标。规则不是拍脑袋。research/ 目录里作者系统整理了 AI 为什么会产出占位代码、截断输出训练数据偏差、认知捷径、输出限制等原因技能里的反偷懒条目正对应这些发现。13个技能各干一件事按需挑技能都在 skills/ 下每个就是一份独立的 SKILL.md有的输出代码有的只出设计参考图。常用的几个技能干什么适合taste-skill通用前端设计落地页、作品集、旧站改造brutalist-skill工业粗野风格科技感、强对比界面soft-skill高端平静视觉偏贵气质感的品牌页imagegen-frontend-web生成网页参考图先让 AI 画图再写代码想锁住旧版行为可以单独安装 v1CHANGELOG.md 记录了 v1 到 v2 的完整差异。️ 效果参照Floria 案例项目里附带了用默认技能生成的 Flora 落地页直接看成品最直观它不是 AI 默认输出的那种标准页首屏标题左对齐视觉重心让给右侧的花艺实拍下方卡片大小不一整页保持统一的深色调。这就是旋钮数值加反模板规则共同作用的结果。 上手三步走先把仓库拉到本地git clone https://gitcode.com/GitHub_Trending/ta/taste-skill cd taste-skill source ./skill.sh taste-skill第三行会打印出对应 SKILL.md 的路径。最直接的用法就是打开这个文件把内容复制进你的 AI 对话或项目目录当然也支持官方提供的 npx skills add 一行安装方式细节见 README。接下来把需求丢给 AI看它先给出设计解读和旋钮取值拿到页面后按预飞清单逐项核对。适合谁不适合谁适合从零开始的落地页、作品集、现有项目改版以及先出参考图再写代码的工作流。规则针对的是设计意图而非某个框架 APIReact、Vue、Svelte 都能用。不适合数据表格、多步表单、管理后台这类复杂产品界面。默认技能明确说这类页面不在射程内它们更适合成熟组件库加设计系统。今天就能做的一步如果你正用 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辅助生成（AIGC），仅供参考