尧图网页设计 
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 写一个产品落地页它交给你一个紫蓝渐变的按钮、居中的大标题加三列长得一模一样的功能卡片。这样的页面你大概见过很多次换个品牌名骨架完全一样。Taste-Skill AI 界面设计技能把这类默认套路写成明令禁止的规则装进 AI 编程助手里让它交出的页面不再一眼 AI。项目到底在做什么先说清楚它的形态。Taste-Skill 不是一个画图软件也不是套皮的主题而是一组能装进项目的智能体技能文件核心就是一个很长的 SKILL.md 说明书。它和直接对着 AI 说帮我设计一个好看的页面有本质区别裸调模型时AI 按训练数据里最高频的样式出牌紫色按钮、居中 Hero、三列卡片就是它最常翻的口袋装上这套规则后它得先读你的需求简报推断你要什么风格再按三个参数往下做交码前还要跑一遍强制自查。仓库的 research 目录里专门写过一份研究分析 AI 为什么总是默认套同一套模板规则就是照着那些翻车点一条条立的不是拍脑袋的美学口号。装完先跑这一步装默认技能只需要一条命令npx 是 Node.js 自带的运行器不用单独安装npx skills add https://gitcode.com/GitHub_Trending/ta/taste-skill --skill design-taste-frontend跑完它会把技能文件放进项目的 skills 目录Codex、Cursor、Claude Code 这类 AI 编程助手在仓库里干活时会自己读到不用改环境变量也不用重启什么。之后你提帮我做个落地页它出码前多了一道读规则的工序。图里这套暗色花卉站是装完 Taste-Skill 之后的典型产出深色底、真实植物摄影、左文右图的不对称结构没有任何紫到蓝的渐变光晕。三个参数怎么调规则里内置了三个 1 到 10 的旋钮出码前由 AI 根据需求定值参数取值范围管什么DESIGN_VARIANCE1-10布局偏离对称的程度1 完全对称10 错落不对称MOTION_INTENSITY1-10动画有多深1 纯静态10 滚动联动加视差VISUAL_DENSITY1-10每屏塞多少东西1 美术馆式大留白10 驾驶舱式密集排布默认是 8/6/4适合大多数落地页。你不用去改文件在对话里直接说把动效压到 3留白放大就行。做极简作品集可以往 5/3/2 方向走做机构官网则接近 9/8/3。拿不准就先留默认出第一版看着效果再动。出图后检查这五件事规则末尾是一张强制自查表交付前每项都得过任何一项不过就不算完成。你拿到稿子后挑这五处重点扫一眼强调色全页统一没有半路冒出第二个主色CTA 按钮文字对比度达标没有白底白字颜色饱和度压在 80% 以下底色是协调的中性灰不是五颜六色主色够突出其他元素整体退后前两条是最常见的翻车点尤其按钮文字和底色的对比AI 自己不会拦着自己。往下还能接什么深色模式是规则里的硬性要求浅色和深色两套配色从第一天就一起出深色端用偏灰的黑而不是纯黑两套都要过对比度校验等于你不用再单独催它做暗色适配。skills 目录下还有一排变体可按需加极简编辑风、粗野工业风、针对 GPT 的严格版以及先出设计参考图再落代码的图像转代码流程。默认技能管落地页和个人站改旧项目可以另装专门做审计再修复的那一个不用全装。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-skill创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 Taste-Skill AI 界面设计：给 AI 生成的网页立一套不出错的颜色规矩
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 写一个产品落地页它交给你一个紫蓝渐变的按钮、居中的大标题加三列长得一模一样的功能卡片。这样的页面你大概见过很多次换个品牌名骨架完全一样。Taste-Skill AI 界面设计技能把这类默认套路写成明令禁止的规则装进 AI 编程助手里让它交出的页面不再一眼 AI。项目到底在做什么先说清楚它的形态。Taste-Skill 不是一个画图软件也不是套皮的主题而是一组能装进项目的智能体技能文件核心就是一个很长的 SKILL.md 说明书。它和直接对着 AI 说帮我设计一个好看的页面有本质区别裸调模型时AI 按训练数据里最高频的样式出牌紫色按钮、居中 Hero、三列卡片就是它最常翻的口袋装上这套规则后它得先读你的需求简报推断你要什么风格再按三个参数往下做交码前还要跑一遍强制自查。仓库的 research 目录里专门写过一份研究分析 AI 为什么总是默认套同一套模板规则就是照着那些翻车点一条条立的不是拍脑袋的美学口号。装完先跑这一步装默认技能只需要一条命令npx 是 Node.js 自带的运行器不用单独安装npx skills add https://gitcode.com/GitHub_Trending/ta/taste-skill --skill design-taste-frontend跑完它会把技能文件放进项目的 skills 目录Codex、Cursor、Claude Code 这类 AI 编程助手在仓库里干活时会自己读到不用改环境变量也不用重启什么。之后你提帮我做个落地页它出码前多了一道读规则的工序。图里这套暗色花卉站是装完 Taste-Skill 之后的典型产出深色底、真实植物摄影、左文右图的不对称结构没有任何紫到蓝的渐变光晕。三个参数怎么调规则里内置了三个 1 到 10 的旋钮出码前由 AI 根据需求定值参数取值范围管什么DESIGN_VARIANCE1-10布局偏离对称的程度1 完全对称10 错落不对称MOTION_INTENSITY1-10动画有多深1 纯静态10 滚动联动加视差VISUAL_DENSITY1-10每屏塞多少东西1 美术馆式大留白10 驾驶舱式密集排布默认是 8/6/4适合大多数落地页。你不用去改文件在对话里直接说把动效压到 3留白放大就行。做极简作品集可以往 5/3/2 方向走做机构官网则接近 9/8/3。拿不准就先留默认出第一版看着效果再动。出图后检查这五件事规则末尾是一张强制自查表交付前每项都得过任何一项不过就不算完成。你拿到稿子后挑这五处重点扫一眼强调色全页统一没有半路冒出第二个主色CTA 按钮文字对比度达标没有白底白字颜色饱和度压在 80% 以下底色是协调的中性灰不是五颜六色主色够突出其他元素整体退后前两条是最常见的翻车点尤其按钮文字和底色的对比AI 自己不会拦着自己。往下还能接什么深色模式是规则里的硬性要求浅色和深色两套配色从第一天就一起出深色端用偏灰的黑而不是纯黑两套都要过对比度校验等于你不用再单独催它做暗色适配。skills 目录下还有一排变体可按需加极简编辑风、粗野工业风、针对 GPT 的严格版以及先出设计参考图再落代码的图像转代码流程。默认技能管落地页和个人站改旧项目可以另装专门做审计再修复的那一个不用全装。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-skill创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考