三个数字治好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紫蓝渐变、三等分卡片、Inter 字体,你被这种同一张脸的AI 味页面劝退过多少次?Taste-Skill 是一个参数化前端设计技能包,把主观的设计品味拆成三个可调的数字,让你的编码代理写出的页面像有设计师盯着。装它只要一行命令,代理就开始有品味。仓库里不止一份规则文件,十几个 skill 各自管一类页面,从新建 SaaS 站到翻新老站都有对应玩法。一行命令装好,不想装就贴 SKILL.md不管你在 Codex、Cursor 还是 Claude Code 里干活,一条命令就够:npx skills add https://gitcode.com/GitHub_Trending/ta/taste-skill嫌装麻烦?把某个 SKILL.md 文件复制出来贴进对话,代理同样能读。工作原理:黑名单、数字和一份自查清单AI 味有标准清单动代码前,代理先输出一句设计解读,比如我理解为:面向技术买家的 B2B SaaS 落地页,Linear 式极简语言。需求模糊时它只许问一个问题,不许连环追问。然后过一遍黑名单:紫蓝渐变、Inter 配 slate-900、三等分卡片、标题里的大破折号,默认全禁。规则粒度细到每三个 section 最多一个小字眉标这种程度,完整条文在核心规则文件里。三个数字是总开关三个数字都是 1-10,默认 8/6/4:DESIGN_VARIANCE 管布局敢不敢乱,MOTION_INTENSITY 管动效深浅,VISUAL_DENSITY 管单屏塞多少信息。你说极简,布局就被压到 5-6、动效降到 3-4;你说Awwwards 风,三轴全拉满,动效直接顶到 8-10。数字是后续所有规则的总闸:变化度超过 4,居中 hero 禁用;密度超过 7,通用卡片容器禁用;动效超过 4,页面必须真的动起来。高低旋钮差出来的东西,看代码很直观:/* DESIGN_VARIANCE: 2,对称十二列网格 */ .grid { grid-template-columns: repeat(12, 1fr); } /* DESIGN_VARIANCE: 9,非对称错落加大留白 */ .grid { grid-template-columns: 2fr 1fr 1fr 0.5fr; margin-left: -5vw; }交付前先跑一遍自查每个动画要用一句话说清它传达了什么,说不清就删。输出代码前,代理会过一遍长长的 pre-flight 清单:hero 是否一屏装下、CTA 是否一行放得下、亮暗两种模式是否都验证过。性能上盯两个数,LCP 小于 2.5 秒、CLS 小于 0.1,一次 Lighthouse 就能顺手看到。想知道每条规则为什么这么定,research 目录里有完整的调研背景。哪些页面该用哪些别用按你做的事挑 skill,别一把梭:你在做什么装什么你会拿到什么从零做 SaaS 落地页taste-skill imagegen-frontend-web先出参考图定方向,再照图写代码设计师个人作品集soft-skill redesign-skill柔和对比、大留白,有个性但不乱翻新老站点redesign-skill先审计现有页面,只修坏的地方,不动信息架构企业级数据后台别装明确超出范围,直接用官方设计系统最后一行不是劝退,这套技能包面向营销页和作品集,管理端本来就是官方设计系统的地盘。谁出图、谁写码、谁不碰仓库里的 skill 分工清楚:imagegen 系只出参考图,不碰代码;image-to-code-skill 走出图-分析-写码全流程。和现有设计系统配合时二选一:需求读出来是微软生态、IBM 式界面,直接装官方包,比如 npm install carbon/react carbon/styles,别手搓 CSS,也别在一个项目里混装两套系统。需求是玻璃拟态、粗野主义这类没有官方包的美学,就用原生 CSS 写,并在注释里诚实标注近似实现,非官方物料。上线前过一遍这份清单hero 一屏装得下强调色只有一个且全页锁死CTA 一行放得下、看得清文字对比度不低于 4.5:1键盘焦点态可见弱动效降级有静态兜底亮色暗色模式都看过Lighthouse 跑过一次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），仅供参考