Taste-Skill 新手指南3 个旋钮让 AI 界面设计告别模板感【免费下载链接】taste-skillTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop项目地址: https://gitcode.com/GitHub_Trending/ta/taste-skillAI 又给你一个界面紫色渐变按钮、三列等宽卡片、灰白背景上得眯眼才读得清的小字。如果你的 AI 生成 UI 长这样说明你踩中了 AI 界面设计最普遍的毛病。Taste-Skill 就是针对这个问题的开源技能包它把一套配色、布局和动效规则写进可安装的技能文件让 AI 产出不再像模板的界面。一句话说清 Taste-Skill它是一组可以装进 ChatGPT、Codex、Cursor、Claude Code 等 AI 助手的规则文件。装好后AI 写前端代码时会按这套规则选色、排布、加动效。你不需要懂设计只要能写清楚需求产出就能直接看。AI 生成 UI 的三个通病你大概率都踩过配色互相打架。卡片区用蓝色按钮用橙色页脚徽章又跳成绿色每个元素各选各的色页面像三个人轮流做的。颜色浓得刺眼。高饱和色块铺满屏幕看 5 秒就视觉疲劳核心信息全被抢眼色盖住CTA 在哪都记不住。翻页像换了个网站。上一屏是紫色主题下一屏换成蓝色用户以为点错了地方品牌印象被整页拆散。五分钟安装 Taste-Skill一行命令安装全部技能npx skills add https://gitcode.com/GitHub_Trending/ta/taste-skill首次使用你只需要做一件事写清楚一句话需求——做什么页面、给谁看、放什么内容。默认技能文件 SKILL.md 会读需求、推断设计风格配色和字体不用你指定。三个旋钮怎么拨 ️默认技能带 3 个 1 到 10 的参数在提示词里直接说数值即可旋钮管什么拨到哪合适DESIGN_VARIANCE布局实验性1 完全对称10 不对称、带野性营销/创意站 7-8极简编辑风 5-6MOTION_INTENSITY动画深度1 静态10 电影级滚动效果通用站 6极简站 3-4VISUAL_DENSITY每屏信息量1 留白多10 密集仪表盘通用站 4极简站 2-3拿不准就用默认预设 8 / 6 / 4适合大多数营销站再按反馈微调。AI 设计配色规则四条硬规则 Lila 规则。做法底色选 Zinc、Slate、Stone 这类中性色整页只允许一个高对比强调色。避免紫蓝渐变和五颜六色的 CTA 按钮。色彩一致性锁。做法强调色一旦选定按钮、徽章、链接、状态标记全页同一套用法。避免暖灰色网站第 7 节突然冒出一个蓝色按钮。饱和度控制。做法页面里任何颜色的饱和度都压在 80% 以下。避免大面积高饱和色块铺满屏幕。对比度检查。做法正文文字与背景对比度不低于 4.5:118px 以上大字不低于 3:1即 WCAG AA 标准。避免白底白字按钮、白底灰字。这条是 AI 设计可访问性的底线。两个改造现场 SaaS 仪表板。改造前紫色渐变卡片、图表颜色各异、次要文字靠眯眼读。动了什么移除紫色渐变改中性底色加单一强调色统一组件配色逐个 CTA 跑对比度检查。改造后屏幕只剩一个主色加中性色文字不眯眼就能读完。创意机构站。改造前居中三列、毫无记忆点像任何工具都能生成的站。动了什么DESIGN_VARIANCE 拨到 9强调色换深玫瑰色MOTION_INTENSITY 设 8 加滚动动效。改造后首屏有记忆点整页有手作感。AI 设计配色自查清单 ✅✅ 强调色全页用法一致没有跑偏的杂色 ✅ 每个 CTA 按钮通过 4.5:1 对比度 ✅ 页面上没有饱和度高于 80% 的颜色 ✅ 底色来自同一中性色系颜色层次分明 ✅ 缩放窗口不破坏布局动效不卡渲染Taste-Skill 不替你写代码它只告诉 AI 颜色该怎么用、布局该怎么摆。规则落地后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 新手指南：3 个旋钮让 AI 界面设计告别模板感
Taste-Skill 新手指南3 个旋钮让 AI 界面设计告别模板感【免费下载链接】taste-skillTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop项目地址: https://gitcode.com/GitHub_Trending/ta/taste-skillAI 又给你一个界面紫色渐变按钮、三列等宽卡片、灰白背景上得眯眼才读得清的小字。如果你的 AI 生成 UI 长这样说明你踩中了 AI 界面设计最普遍的毛病。Taste-Skill 就是针对这个问题的开源技能包它把一套配色、布局和动效规则写进可安装的技能文件让 AI 产出不再像模板的界面。一句话说清 Taste-Skill它是一组可以装进 ChatGPT、Codex、Cursor、Claude Code 等 AI 助手的规则文件。装好后AI 写前端代码时会按这套规则选色、排布、加动效。你不需要懂设计只要能写清楚需求产出就能直接看。AI 生成 UI 的三个通病你大概率都踩过配色互相打架。卡片区用蓝色按钮用橙色页脚徽章又跳成绿色每个元素各选各的色页面像三个人轮流做的。颜色浓得刺眼。高饱和色块铺满屏幕看 5 秒就视觉疲劳核心信息全被抢眼色盖住CTA 在哪都记不住。翻页像换了个网站。上一屏是紫色主题下一屏换成蓝色用户以为点错了地方品牌印象被整页拆散。五分钟安装 Taste-Skill一行命令安装全部技能npx skills add https://gitcode.com/GitHub_Trending/ta/taste-skill首次使用你只需要做一件事写清楚一句话需求——做什么页面、给谁看、放什么内容。默认技能文件 SKILL.md 会读需求、推断设计风格配色和字体不用你指定。三个旋钮怎么拨 ️默认技能带 3 个 1 到 10 的参数在提示词里直接说数值即可旋钮管什么拨到哪合适DESIGN_VARIANCE布局实验性1 完全对称10 不对称、带野性营销/创意站 7-8极简编辑风 5-6MOTION_INTENSITY动画深度1 静态10 电影级滚动效果通用站 6极简站 3-4VISUAL_DENSITY每屏信息量1 留白多10 密集仪表盘通用站 4极简站 2-3拿不准就用默认预设 8 / 6 / 4适合大多数营销站再按反馈微调。AI 设计配色规则四条硬规则 Lila 规则。做法底色选 Zinc、Slate、Stone 这类中性色整页只允许一个高对比强调色。避免紫蓝渐变和五颜六色的 CTA 按钮。色彩一致性锁。做法强调色一旦选定按钮、徽章、链接、状态标记全页同一套用法。避免暖灰色网站第 7 节突然冒出一个蓝色按钮。饱和度控制。做法页面里任何颜色的饱和度都压在 80% 以下。避免大面积高饱和色块铺满屏幕。对比度检查。做法正文文字与背景对比度不低于 4.5:118px 以上大字不低于 3:1即 WCAG AA 标准。避免白底白字按钮、白底灰字。这条是 AI 设计可访问性的底线。两个改造现场 SaaS 仪表板。改造前紫色渐变卡片、图表颜色各异、次要文字靠眯眼读。动了什么移除紫色渐变改中性底色加单一强调色统一组件配色逐个 CTA 跑对比度检查。改造后屏幕只剩一个主色加中性色文字不眯眼就能读完。创意机构站。改造前居中三列、毫无记忆点像任何工具都能生成的站。动了什么DESIGN_VARIANCE 拨到 9强调色换深玫瑰色MOTION_INTENSITY 设 8 加滚动动效。改造后首屏有记忆点整页有手作感。AI 设计配色自查清单 ✅✅ 强调色全页用法一致没有跑偏的杂色 ✅ 每个 CTA 按钮通过 4.5:1 对比度 ✅ 页面上没有饱和度高于 80% 的颜色 ✅ 底色来自同一中性色系颜色层次分明 ✅ 缩放窗口不破坏布局动效不卡渲染Taste-Skill 不替你写代码它只告诉 AI 颜色该怎么用、布局该怎么摆。规则落地后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），仅供参考