让AI生成的界面不再千篇一律：这个Skill专治模板审美癌

最近在逛 Claude Skill 市场的时候，发现了一个让我眼前一亮的东西——minimalist-ui。

它隶属于那个超火的开源项目 taste-skill（88K+ GitHub Stars），是 Leonxlnx 维护的「反 AI 审美癌」技能包家族的一员。这个子技能专攻一个方向：让 AI 生成极简、编辑感、有品位的产品界面。

它解决什么问题？

用过 Cursor 或 Claude Code 生成 UI 的朋友应该有同感：AI 写出来的页面，十有八九长这样——

深色背景 + 紫蓝渐变 Hero 区 → 居中大标题 → 三栏等宽 Feature Card → 底部 Footer。换个项目再让它做，配方一模一样。

这不是你的 prompt 写得不好。LLM 是概率机器，它没有审美偏好，只会复制训练数据里最常见的模式。业内管这叫 AI Slop（AI 流水线垃圾）。

minimalist-ui 的解法很聪明：不是教 AI 怎么配色，而是告诉它什么绝对不能用。 它内置了一份超长的「黑名单」，把那些让界面看起来廉价、模板化的元素全部禁止。

核心约束一览

• 禁用 Inter / Roboto / Open Sans——必须用几何无衬线体如 SF Pro Display 或 Geist Sans
• 禁用 Lucide / Feather / Heroicons 等通用图标库——改用 Phosphor Icons 或 Radix UI
• 禁用 Tailwind 默认重阴影（shadow-md/lg/xl）——阴影要么没有，要么极度柔和（opacity < 0.05）
• 禁用渐变、霓虹色、3D 玻璃拟态
• 禁用 emoji——全部用 SVG 图标替代
• 禁用 “Elevate” “Seamless” “Unleash” “Game-changer” 等 AI 营销套话

正向引导：设计系统怎么搭

黑名单之外，它还给了正向的设计规则：

• 配色：暖调单色系。背景用纯白 #FFFFFF 或暖米色 #F7F6F3，正文用近黑 #111111，拒绝绝对黑色
• 字体：无衬线做正文 + 编辑衬线做标题（如 Playfair Display）+ 等宽字体做代码/元数据，三层字体层级
• 布局：非对称 Bento Grid，大留白，卡片只有 1px #EAEAEA 细边框，border-radius 最多 12px
• 按钮：纯黑背景 + 白字，hover 时微缩放而非加阴影
• 色块点缀：只有语义色（标签、状态徽章）才用低饱和度马卡龙色——Pale Red / Pale Blue / Pale Green / Pale Yellow

适用场景

这个 Skill 适合做：

• Notion / Linear 风格的文档工具界面
• 极简主义 SaaS 后台
• 出版平台 / 阅读类产品
• 个人作品集 / Portfolio

不适合：需要强视觉冲击的营销落地页、游戏化 UI，或者任何需要大面积渐变/3D 效果的场景。

怎么安装

一行命令搞定：

npx skills add https://github.com/Leonxlnx/taste-skill --skill minimalist-skill

安装完重启 Agent 会话，直接说「用 minimalist-ui 帮我设计一个待办列表应用的主界面」，AI 就会按上面的设计规则输出。

taste-skill 这个库本身已经有 88K+ Star，属于 Claude Skill 生态里最头部的一批项目。minimalist-ui 是它旗下 13 个子技能之一，如果你对 AI 生成界面的「模板感」深恶痛绝，这个 Skill 值得一试。

https://github.com/Leonxlnx/taste-skill

GitHub: https://github.com/Leonxlnx/taste-skill