🏛️ Anthropic 官方出品（Claude 的开发商）。所在 skill 母仓 GitHub 16.5 万星，本条单独装机 71.2 万次——所有设计类 skill 里装机量断层第一。
一、这是什么
Claude 做网页界面时的「审美本体」。它不生成图片、不做原型图，而是在 AI 写页面代码的那一刻，把设计判断喂进去——排版怎么排、留白留多少、配色怎么配、层次怎么分。
二、解决什么痛点
所有大模型都是在同一批 SaaS 模板上训练出来的，不加引导，生成的页面永远是那几个熟悉的味道：全站 Inter 字体、紫到蓝的渐变、卡片里再套卡片、每个标题上面都顶着一个圆角方块图标。一眼就能看出是 AI 做的。这个 skill 就是来治这个的。
三、能用在哪
•
落地页 / 官网：产品介绍、活动页、个人主页
•
后台与仪表盘：表格、图表、表单这些最容易做丑的地方
•
网页应用：任何要人看、要人用的界面
四、为什么先装它
这个品类里后来的很多 skill（比如 Impeccable）都明说自己是从它起步的。官方出品、装机 71 万，是最稳的地基。先装它打底，再按需叠加别的风格化 skill，是这个类目最省事的路径。
五、适合谁
•
用 AI 做网页、但总觉得做出来「像个半成品」的人
•
没有设计师、又要拿出能见人的页面的一人公司 / 小团队
⚠️ 一句实话：它管的是「代码写出来好不好看」，不产出设计稿、不出图、不做原型图。要看真实大牌界面长什么样，配「116 大牌设计参考库」一起用。需在 Claude Code 等 AI 编程助手里使用。