用途:阻止前端页面呈现“机器生成感”。它解决的问题不是丑,而是默认化:紫色渐变、深色网格上的居中 hero、三张等分功能卡、Inter 加 slate-900、到处是破折号。这些是模型先验泄漏到页面里,对看过其他 AI 建站作品的人来说就是通用。
主要能力:上游是单份 1206 行规则集,本技能自带打包的操作性规则(MIT 署名),正常使用无需安装、无需联网。入口负责判断是否适用、设置刻度,并把属于其他技能的部分转出去。可用于落地页、作品集、编辑页、营销站的去模板化;在不丢弃既有品牌资产的前提下做现代化改版;执行用户点名的美学(Linear 式简洁、Awwwards 实验、粗野主义、高端消费);上线前做 AI 痕迹清扫;把设计决策(design read、刻度值)明确说出来。
使用方式:Step 0 确认页面类型在范围内;Step 1 从打包规则工作;Step 2 动代码前先声明一行设计判断:“Reading this as: <页面类型> for <受众>, with a <氛围> language, leaning toward <设计系统或美学家族>”;Step 3 显式设定三个刻度 DESIGN_VARIANCE、MOTION_INTENSITY、VISUAL_DENSITY,基线为 8/6/4,须说明取值与理由;Step 4 选择真实设计系统或诚实命名美学;Step 5 上线前清扫 AI 痕迹(破折号零容忍、禁紫蓝渐变、禁等分三卡等);Step 6 改版先审计,logo、品牌色、产品命名、法律合规文案不得静默变更;Step 7 跑预检清单。
限制:明确不适用于仪表盘、管理面板、密集产品 UI(建议 Fluent、Carbon、Atlassian、Polaris)、数据表、多步表单向导、代码编辑器、原生移动端、实时协作 UI。名称冲突警告:上游 frontmatter 的名字也叫 design-taste-frontend,运行 npx skills add ... --skill design-taste-frontend 会以同名装第二个技能,可能遮蔽或覆盖本目录副本,不要把它当安装步骤。若要用上游,先说明名称冲突并装到隔离目录。仅用于溯源时可运行只读检查命令:curl -fsS https://raw.githubusercontent.com/Leonxlnx/taste-skill/ccbc15639c97057cbfcf32ecebc38ef716e4bb37/skills/taste-skill/SKILL.md | head -40(不安装任何东西)。无障碍项是发布门槛,超出清单的修复转 web-accessibility。