夜雨聆风用过 Cursor 或 Claude Code 写前端页面的同学，大概都有过这种感觉：
页面能跑，但看着就是不对劲。布局是标准的三列网格，配色是不出错的蓝白，按钮是圆角 8px 的默认轮廓——一切都对，一切也都无聊。
这不是你的问题，也不是工具的问题。是你的 AI 没有 taste。
不是错觉。不管用 Claude Code 还是 Cursor，不管写 React 还是 Vue，AI 生成的前端界面有着惊人的同质化。
原因很简单：AI 模型在训练数据里看到最多的 UI 模式，就是最安全的 UI 模式。 安全就等于模板化。
三列网格、居中标题、蓝白配色、圆角卡片、图标加文字的行排列——这些是训练数据里占比最高的模式，所以 AI 默认就走这条路。它不是在"设计"，而是在"取统计众数"。
你不是在跟一个设计师对话，你是在跟一个没有品味偏好的概率分布对话。
taste-skill 是什么？
taste-skill（GitHub: Leonxlnx/taste-skill）给自己的定位很直接："The Anti-Slop Frontend Framework for AI Agents"——AI Agent 的反模板化前端框架。
创始人 Leon Lin（@LexnLin）没有去做一个新的 UI 组件库，也没有写提示词合集。他做了一件事：把"什么是好设计"写成 AI 能读的指令文件。
这个项目在 GitHub 上已经拿到了 39.1k stars，2.8k forks。在 Agent Skill 生态里，这是一个很高的数据。
本质上就是一个 SKILL.md 文件——AI 编程工具原生支持的指令格式。把这个文件放进项目根目录，Cursor 或 Claude Code 在下一次生成代码时会自动加载它，然后按照文件里定义的规则输出代码。
不需要改配置、不需要装插件、不需要写额外的 prompt。一个文件，零运行时开销。
skill 矩阵
taste-skill 不是单一规则，而是一组按需组合的设计技能：
• taste-skill (v2) - design-taste-frontend，主力技能，自动推断设计语言• taste-skill-v1 - design-taste-frontend-v1，v1 原版，兼容旧项目• gpt-tasteskill - gpt-taste，GPT/Codex 的严格变体• redesign-skill - redesign-existing-projects，改造现有项目 UI• brutalist-skill - industrial-brutalist-ui，瑞士字体加粗野主义• minimalist-skill - minimalist-ui，Notion/Linear 风• stitch-skill - stitch-design-taste，Google Stitch 兼容规则• soft-skill - high-end-visual-design，高端奢侈风格• brandkit - brandkit，Logo 加配色品牌套件
安装全部技能只需一行：
npx skills add https://github.com/Leonxlnx/taste-skill三旋钮调参：AI 设计的"可调性"突破
taste-skill v2 最核心的创新，是三个可调旋钮，让开发者能精确控制 AI 的设计行为：
DESIGN_VARIANCE（布局变化度，1-10）控制布局的多样性。1 分等于严格标准化栅格，10 分等于非对称乃至实验性布局。默认营销页 7-9 分。
MOTION_INTENSITY（动效深度，1-10）控制动画的强度。1 分等于全静态，10 分等于沉浸式动画叙事。默认 6-8 分。
VISUAL_DENSITY（信息密度，1-10）控制留白和���距。1 分等于极简呼吸感，10 分等于信息密集型。默认 3-5 分。
v2 的一个关键变化是：AI 现在可以自动推断旋钮值。开发者只需要说"做一个高端消费品牌 Landing Page"，AI 就会自动设为 VARIANCE 7-8、MOTION 5-7、DENSITY 3-4，而不是输出默认的通用模板。
v2 的硬核升级：14 条硬编码规则
taste-skill v2（当前实验版）新增了 14 个章节的规则系统。最狠的是 §9 "AI Tells" 章——直接 ban 掉了 AI 最常犯的设计病：
完全禁用：
• 破折号（ —）在 UI 中用作装饰• 版本标签做营销（ V0.6、BETA）除非真的是产品发布• 图片上的药丸标签 • Scroll to explore这类滚动提示• 状态装饰圆点（默认禁止） • 手写 SVG 图标（强制用 Phosphor/HugeIcons/Tabler）
硬性约束：
• 全文仅一个强调色，不随机切换 • 统一圆角体系 • Hero 区域标题不超过 2 行，副标题不超过 20 字，CTA 不滚屏可见 • 8 个 section 至少用 4 种不同布局 • Bento 网格等于精确 N 个，不留空白格 • 超过 5 项的列表不用 divide-y，改用不同 UI 组件
这些规则写出来是冷的，但生成的页面是活的。一位开发者在 X 上的评价是："BRO YOU FIXED AI SLOP WTFFF"
真实的对比：装之前 vs 装之后
项目 README 里展示了用 taste-skill 生成的 Floria 项目截图。
装之前：三列等分网格，居中标题，标准卡片布局，左对齐文本。正确但无趣。
装之后：非对称布局，深色 OLED 主题（#060606），材质深度替代亮度对比，精确的 spring 动效。同类信息用不同的视觉层级呈现。
关键不是"变得更花哨"，而是变得更有层次。好的设计不是加东西，而是建立视觉优先级。
为什么这件事重要？
taste-skill 解决的不只是"AI 生成的界面丑"的问题。它揭示了一个趋势：AI 编程的下一站，不是生成更多代码，而是生成更好的代码。
Agent Skill 生态正在成形。从 Vercel 的 npx skills add 标准化安装，到 huggingface/skills 的集中托管，再到 taste-skill 这样的垂直技能——我们正在见证一个"AI 应用商店"的雏形。
而这个生态里，第一个跑出来的爆款，是一个教 AI 审美的文件。
安装试试
一行命令，花 5 分钟：
npx skills add https://github.com/Leonxlnx/taste-skill安装后随便写个 landing page，看看 AI 的输出是不是真的变了。
GitHub：github.com/Leonxlnx/taste-skill官网：tasteskill.dev
