你可能用过 AI 生成网页。
试过之后你会发现一个有趣的现象：不同的人、不同的工具，AI 生成的页面长得几乎一模一样——白底、紫白渐变、Inter 字体、网格卡片布局。闭着眼睛你都能想象出来那个样子。
这不是你的问题，是 AI 的"创作瓶颈"。
这个现象，Anthropic 的研究团队给了一个很学术的解释，叫"distributional convergence"（分布收敛）。
翻译成人话就是：AI 训练的数据太像了，大家的设计决策都差不多，AI 学会的其实是"最中庸的那个答案"。
所以你让它做设计，它不会故意跑偏，而是永远输出那个"平均水准"——也就是现在你看到的那股浓浓的"AI 味"。
解决办法也很直接：在让 AI 写代码之前，先喂它一套设计系统。
最近，Anthropic 官方推出的 Frontend Design Skill 火了——发布几个月，安装量突破 27 万次。
它的核心逻辑很简单：当你输入 /frontend-design 并描述你想做什么，AI 不会直接开始写代码。它会先和你确认设计方向——你要什么风格、什么色调、什么情绪、什么排版节奏。这些确认完，它才开始干活。
结果是：大胆的配色、独特的排版、有层次感的动画。不再是那个你闭眼都能想象的模板页面。
没用 Skill 之前：白底 + 紫色渐变 + Inter 字体 + 卡片网格 = 你见过的所有 AI 生成页面的集合。
用了 Skill 之后：设计师级别的配色方案、有节奏感的排版、克制但有效的动效。
这差距，用过的开发者形容是"从杂牌军到正规军"。
除了 Frontend Design，还有几个同样值得关注的 Skills：
Browser Use — 让 AI 自己操控浏览器
它解决的是"AI 编程工具看不见摸不着网页"的问题。装上之后，AI 可以自己打开浏览器、填表单、截图验证效果。做 UI 测试从此不用手动点。
安装命令：
npx skills add browser-use/browser-use --skill browser-use
Remotion — 用代码写视频
Remotion 是一个用 React 代码生成视频的框架。它的 Skill 让 Claude Code 可以直接帮你生成视频内容——不需要打开 Final Cut Pro，直接描述你要什么，AI 帮你写代码、出视频。
安装命令：
npx skills add remotion-dev/remotion --skill remotion
Excalidraw — 手绘风格图表
做技术分享最头疼的就是配图。Excalidraw Skill 让 AI 自动生成手绘风格的图表——流程图、架构图、示意图，用代码描述，AI 帮你画。
安装命令：
npx skills add excalidraw/excalidraw --skill excalidraw
以上所有 Skill，都通过 skills.sh 安装。这是 Vercel Labs 出的 AI 技能包管理器，装技能就像装 npm 包一样简单。
第一步，安装 skills CLI：
npm install -g @vercel/skills
第二步，安装具体 Skill：
npx skills add anthropics/claude-code --skill frontend-design
如果你是 Claude Code 用户，安装完成后直接输入 /frontend-design，AI 就会激活这个技能，引导你完成设计流程。
AI 编程工具发展到今天，拼的不再是"能不能写代码"——而是"写出来的代码质量怎么样"。
Skill 系统本质上是在给 AI 补课：让它从"能干活"变成"干得好"。
Frontend Design 这个 Skill 解决的不是技术问题，是审美问题。而审美，恰恰是 AI 最难自己学会的东西。
如果你在用 Claude Code，做 UI 相关的项目之前，强烈建议你试试这个 Skill。
备选标题：