Taste-Skill 完整指南给 AI 装上前端审美【免费下载链接】taste-skillTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop项目地址: https://gitcode.com/GitHub_Trending/ta/taste-skillTaste-Skill 是一套面向 AI 编码代理的前端设计技能包通过可移植的 SKILL.md 指令文件纠正 AI 生成网页时的模板化倾向。它不引入任何依赖也不改动你的框架只把一套经过实测的审美规则注入给 Codex、Cursor、Claude 这类 Agent。装好之后AI 写出的落地页在布局、字体、动效和间距上会明显更接近专业设计而不是千篇一律的AI 脸。 它不是框架而是一份反 AI 味规则手册很多人会以为它是组件库或设计框架其实它只是一组指令文件每个技能就是一个 SKILL.md由编码代理在干活时自动加载。仓库的skills/目录下共有 13 个分两类实现类技能直接产出前端代码出图类技能只产设计参考图。规则针对的是设计意图而不是某个框架 API所以 React、Vue、Svelte 项目里表现一致。 它具体封杀了哪些AI 脸规则的价值在于具体。SKILL.md 里有一整章专门封杀 AI 的默认审美举几条典型维度AI 默认输出Taste-Skill 的规则布局居中 Hero 三张等高卡片变化度大于 4 时禁止居中 Hero三列等宽卡片直接封杀同一版式全页最多用一次色彩紫蓝渐变发光最多一种强调色饱和度低于 80%全页颜色锁定字体默认 Inter 随手加衬线Inter 不作默认衬线仅限编辑、奢侈类简报动效到处无限循环动画只允许动 transform 和 opacity动效等级大于 3 必须支持减弱动态偏好细节破折号、装饰圆点、Scroll 提示破折号全面禁用装饰性圆点默认零容忍每条规则背后都对应一份Pre-Flight Check清单代理在交付代码前要逐项过一遍任何一项不过关就不算完成。️ 如何调节三个 1-10 设计参数taste-skill 提供三个旋钮决定页面气质默认值是 8 / 6 / 4。不需要改文件代理会根据你的需求简报自动推断取值你也可以直接在对话里改参数1-34-78-10DESIGN_VARIANCE 布局变化对称 12 列网格、居中对齐元素重叠、图片比例混搭瀑布流、2fr 1fr 1fr 非对称网格MOTION_INTENSITY 动效强度仅悬停和按压状态0.3 秒过渡、级联延迟入场滚动触发显现、视差VISUAL_DENSITY 视觉密度画廊级大留白标准 Web 应用间距1px 线分隔数据、数字一律等宽字体推断映射也写在技能里简报说极简、安静旋钮落在 5-6 / 3-4 / 2-3 区间说实验、炸场直接推到 9-10 / 8-10。 13 个技能按场景各取所需不必全装每个技能只干一件事常用场景快速对照场景安装名产出通用落地页、作品集design-taste-frontend前端代码给 GPT / Codex 的更严变体gpt-taste前端代码参考图驱动开发image-to-code参考图 代码旧站改造redesign-existing-projectsUI 审计 代码只要设计图不要代码imagegen-frontend-web / mobile设计参考图风格定向类soft、minimalist、brutalist、防输出截断的 output-skill、品牌板 brandkit 同样按需安装。规则并非拍脑袋背后的研究笔记放在 research/ 目录。 三步安装两种用法第一步克隆仓库git clone https://gitcode.com/GitHub_Trending/ta/taste-skill第二步运行npx skills add加上仓库地址即可一次装齐只想装某一个就补上--skill 安装名例如--skill design-taste-frontend。第三步是零安装用法把任意一个 SKILL.md 复制进项目或直接粘进 ChatGPT、Codex 的对话规则即刻生效。Taste-Skill 把设计品味变成了一份 AI 能执行、也能自查的规则书。下次让 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辅助生成（AIGC），仅供参考 Taste-Skill 完整指南：给 AI 装上前端审美
Taste-Skill 完整指南给 AI 装上前端审美【免费下载链接】taste-skillTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop项目地址: https://gitcode.com/GitHub_Trending/ta/taste-skillTaste-Skill 是一套面向 AI 编码代理的前端设计技能包通过可移植的 SKILL.md 指令文件纠正 AI 生成网页时的模板化倾向。它不引入任何依赖也不改动你的框架只把一套经过实测的审美规则注入给 Codex、Cursor、Claude 这类 Agent。装好之后AI 写出的落地页在布局、字体、动效和间距上会明显更接近专业设计而不是千篇一律的AI 脸。 它不是框架而是一份反 AI 味规则手册很多人会以为它是组件库或设计框架其实它只是一组指令文件每个技能就是一个 SKILL.md由编码代理在干活时自动加载。仓库的skills/目录下共有 13 个分两类实现类技能直接产出前端代码出图类技能只产设计参考图。规则针对的是设计意图而不是某个框架 API所以 React、Vue、Svelte 项目里表现一致。 它具体封杀了哪些AI 脸规则的价值在于具体。SKILL.md 里有一整章专门封杀 AI 的默认审美举几条典型维度AI 默认输出Taste-Skill 的规则布局居中 Hero 三张等高卡片变化度大于 4 时禁止居中 Hero三列等宽卡片直接封杀同一版式全页最多用一次色彩紫蓝渐变发光最多一种强调色饱和度低于 80%全页颜色锁定字体默认 Inter 随手加衬线Inter 不作默认衬线仅限编辑、奢侈类简报动效到处无限循环动画只允许动 transform 和 opacity动效等级大于 3 必须支持减弱动态偏好细节破折号、装饰圆点、Scroll 提示破折号全面禁用装饰性圆点默认零容忍每条规则背后都对应一份Pre-Flight Check清单代理在交付代码前要逐项过一遍任何一项不过关就不算完成。️ 如何调节三个 1-10 设计参数taste-skill 提供三个旋钮决定页面气质默认值是 8 / 6 / 4。不需要改文件代理会根据你的需求简报自动推断取值你也可以直接在对话里改参数1-34-78-10DESIGN_VARIANCE 布局变化对称 12 列网格、居中对齐元素重叠、图片比例混搭瀑布流、2fr 1fr 1fr 非对称网格MOTION_INTENSITY 动效强度仅悬停和按压状态0.3 秒过渡、级联延迟入场滚动触发显现、视差VISUAL_DENSITY 视觉密度画廊级大留白标准 Web 应用间距1px 线分隔数据、数字一律等宽字体推断映射也写在技能里简报说极简、安静旋钮落在 5-6 / 3-4 / 2-3 区间说实验、炸场直接推到 9-10 / 8-10。 13 个技能按场景各取所需不必全装每个技能只干一件事常用场景快速对照场景安装名产出通用落地页、作品集design-taste-frontend前端代码给 GPT / Codex 的更严变体gpt-taste前端代码参考图驱动开发image-to-code参考图 代码旧站改造redesign-existing-projectsUI 审计 代码只要设计图不要代码imagegen-frontend-web / mobile设计参考图风格定向类soft、minimalist、brutalist、防输出截断的 output-skill、品牌板 brandkit 同样按需安装。规则并非拍脑袋背后的研究笔记放在 research/ 目录。 三步安装两种用法第一步克隆仓库git clone https://gitcode.com/GitHub_Trending/ta/taste-skill第二步运行npx skills add加上仓库地址即可一次装齐只想装某一个就补上--skill 安装名例如--skill design-taste-frontend。第三步是零安装用法把任意一个 SKILL.md 复制进项目或直接粘进 ChatGPT、Codex 的对话规则即刻生效。Taste-Skill 把设计品味变成了一份 AI 能执行、也能自查的规则书。下次让 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辅助生成（AIGC），仅供参考