为什么AI生成的页面看起来都一个样？——给Claude装个创意总监大脑
为什么你的 AI 生成页面看起来都一个样？
用 Claude 画 UI，动不动就是紫色渐变 + Inter 字体 + 三栏卡片——一眼 AI 感。有没有想过，不是模型不行，是你没给它装「设计品位」？
最近挖到一个宝藏 Skill，叫 creative-design，来自开源项目 just-ship。它不是教你用代码，是给 Claude 装一个真正的创意总监大脑——做 landing page、官网、作品集，从第一步就开始思考「这张页面该有什么气质」。
它怎么工作的？
简单说，它让你在动手之前先回答三个灵魂问题：
- 这页面给谁看，他们此刻什么心情？
- 视觉调性是什么——极简、复古未来、杂志风、还是工业感？
- 用户离开后会记住哪个细节？
不是选模板，是真的在做品牌决策。问题答完，它才进入字体、排版、配色、动效。
字体选择：告别 Inter
skill 里明确说，系统字体（Inter、Roboto）在 greenfield 创意场景下太普通。它推荐 Google Fonts 里带个性的选择：Space Grotesk、JetBrains Mono、Outfit、Sora……最多两种字体，敢做减法。
配色心法
最戳我的一条：一个颜色主导 80%，点缀色只在 3-5 处出现。不是均匀分布，是真的「主色 + 强调色」结构。暗色背景用 near-black（#09090b 之类）而不是纯黑，浅色用 off-white（#fafaf9）而不是纯白——细节感就这么来的。
防 AI 味清单
skill 里还附了一张「反 AI 味」清单，直接列出常见翻车操作：
- 紫色渐变配白色背景 → 必须改
- 所有东西居中对齐 → 试试左对齐
- 圆角 everywhere → 整个设计体系该有锐有柔
- `bg-gradient-to-r from-purple-500 to-pink-500` → 立刻删
- Hero + 三卡片 + CTA + footer 标准结构 → 讲个故事先
它和 frontend-design 怎么分工？
有一点我觉得很聪明：spacing、typography 比例、响应式断点、可访问性，这些底层规范交给 frontend-design；creative-design 只专注视觉方向、品牌感、Anti-AI-Slop。两者配合，不重复造轮子。
适合谁用？
- 要独立开发产品官网的设计师 / 开发者
- 想让 AI 生成的页面不再千篇一律
- 做 landing page、campaign 页面、作品集
上手方式很简单，SkillsMP 上可以直接安装，也有 npm 安装命令。GitHub 仓库是 yves-s/just-ship，Stars 不多但很精，creative-design 只是其中一块，但它解决的问题特别具体——让你的页面真的「像人设计的」。
GitHub：https://github.com/yves-s/just-ship
评论区
登录后可评论。