AI写的前端”一眼假”？这个60K stars的开源技能包把AI品味直接拉满
你有没有这种感觉——AI 写的前端，看一眼就知道是 AI 干的？
蓝紫渐变背景、三张居中卡片、蓝紫色按钮、Inter 字体……现在你闭眼都能想象出那个画面。这就是所谓的”AI slop”——AI 生成界面时向训练数据里最常见的模板”回归”的结果。不是没审美，是模型天然倾向于最安全、最常见的输出。
一个 16 岁的开发者 Leonxlnx 受不了了，自己写了个技能包，叫 taste-skill——直译就是”品味技能”。GitHub 短短时间冲到 60K stars，火得一塌糊涂。
它的原理简单到离谱
不用训练模型，不用换模型。就是在 AI 写代码之前，往上下文里塞一个 SKILL.md 文件。Claude Code、Codex、Cursor、Windsurf、Bolt 这些主流 AI 编程工具都会在生成代码前自动读取这个文件。
这个文件里写了三组”旋钮”：
- DESIGN_VARIANCE（设计变化度）：1 是干净居中，10 是非对称、实验性排版
- MOTION_INTENSITY（动效强度）：1 是简单悬停，10 是 GSAP 滚动触发、磁吸效果、3D
- VISUAL_DENSITY（视觉密度）：1 是奢侈留白，10 是信息密集型后台
把三个数字调一调，AI 就能生成完全不同气质的界面。
它还干了更重要的事：明令禁止
文件中有一份长长的”黑名单”：禁止蓝色紫渐变、禁止默认的 rounded-xl、禁止破折号滥用……效果出奇地好。原因很有意思：LLM 对”禁止”类指令的注意力权重远高于”建议”类，正向规则容易在生成时被淹没，负向禁令却很难被忽略。
适用谁？
- 用 Cursor / Claude Code / Codex 做前端开发的工程师
- 想摆脱 AI 味、做差异化产品的独立开发者
- 接了 AI 代码但被甲方吐槽”一眼 AI”的团队
支持多少种风格？
13 个变体，覆盖各种场景：
- minimalist-skill — Notion / Linear 感的编辑风
- brutalist-skill — 瑞士印刷体 + 机械感
- soft-skill — 奢侈风，高对比度留白 + 弹簧动效
- redesign-skill — 给已有项目做设计审计和升级
- image-to-code-skill — 先用 AI 生成参考图，再落地实现
装起来也简单，一行命令：
npx skills add https://github.com/Leonxlnx/taste-skill
或者单独装某个变体：
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
一句话总结
taste-skill 不是教 AI 学设计，而是用规则把 AI 从”最常见的懒输出”里拽出来，逼它做出真正有设计感的界面。如果你天天被 AI 生成的前端”一眼假”困扰，这个技能包值得一试。
评论区
登录后可评论。