用 Claude Design 加 Claude Code，做出不千篇一律的网站
想法 + starter prompt，我们还没跑过
适合：网站做出来都长得一样的创业者和接案人
作者发现 AI 替六个行业做的网站，都有一样的徽章、渐变文字和三张卡片并排。做自己的网站时，他把代码给 Claude Design，回答它的问题，选方向，再调间距和颜色。之后 Claude Code 照着规格和 design token 去建。
步骤
- 先让 AI 自由做几个网站，看看哪些老套的样子一直重复出现。
- 把现有代码或 GitHub repo 给 Claude Design，回答它问你想要什么风格。
- 比较它给的几个选项，再调间距和颜色。设计网站的截图可以帮你讲清楚。
- 把结果以规格和 design token 的形式交给 Claude Code，叫它照着建。
- 照片和复杂的插画要你自己准备，Claude Design 做不了。
- 开始前先看你的方案。Claude Design 要付费方案，用量和聊天、Claude Code 共用，两边一起用会更快用完。
Starter prompt
我有一份 Claude Design 交过来的设计资料，放在 [文件夹]，里面有规格和 design token。先全部读完。然后给我看计划：你会改哪些页面、用哪些 token、哪些东西不碰。在新的 branch 或 [项目文件夹] 的副本里做，不要碰线上网站。先做 [页面名字]，让我看过再做其他的。设计里有哪些你做不出来的东西，例如照片或复杂插画，列出来让我自己准备。千万不要向我要主机密码或 key。
原帖：vocus.cc · 来源 agentusecases.ai。内容是我们用自己的话写的，我们还没跑过，先用假资料试。