我搞到了一个 70KB 的 Claude 设计提示词

事情是这样的。

我在网上瞎逛的时候，无意间刷到了一个 Gist链接。点进去一看，好家伙，将近 7 万字的一个 Prompt。

你们知道 7 万字是什么概念吗？一篇硕士论文差不多就是这个长度。

但这货不是论文，是一个设计系统的提示词。准确地说，是教 Claude 怎么做设计的系统提示词。

这东西能干嘛

简单来说，这个 Prompt 做的事情就是：把 Claude 变成一个专业的设计师。

不是那种只会写代码的程序员，而是真正意义上的设计师。你告诉它你想要什么，它就能给你生成对应的 HTML 页面——动画师、UX 设计师、PPT 设计师、原型设计师，全看你的需求。

它会用 HTML 当工具，但输出的内容完全不局限于网页。PPT 能做，动画能做，原型也能做。

第一，角色定位极其清晰。

Prompt 一开头就定好了调性——「你是一个专家设计师，用户是经理，你代表用户用 HTML 制作设计产物。」

这一下子就把 Claude 从「写代码的」变成了「做设计的」。角色定位一换，整个交互方式都不一样了。

第二，工作流程极其具体。

prompt 里明明白白写着 Claude 該怎么干活：

每一步都写得清清楚楚，就像一个资深设计师在带新人。

第三，设计原则非常讲究。

里面有一条我特别认同：「避免 web design tropes 和 conventions」——不要用那些烂大街的网页设计套路。

这太对了。现在一打开网站，轮播图、卡片式布局、幽灵按钮......全是套路。这个 Prompt 告诉 AI 要跳出这个框，确实有点东西。

第四，柿子要挑软的捏。

Prompt 里特意提到，如果用户的要求不明确，一定要问清楚。输出格式、精度、数量、约束条件——这些在开工之前必须确认。

这其实就是专业设计师的思维模式。不会做之前先问清楚，避免做无用功。

讲真的，我一开始以为这就是一个堆砌规则的 Prompt。但看完了之后，我觉得这个作者是真的懂设计，也真的懂 AI。

他把设计师的思维方式拆解成了具体的步骤和规则，然后喂给 AI。最关键的是，他没有把 AI 当成一个什么都会的工具，而是把它当成一个需要指导和培训的「初级设计师」。

这种方法论其实可以迁移到很多场景。不只是设计，写代码、画图、甚至写文章，都可以套用这个思路——先定角色，再定流程，然后定原则，最后定边界。

70KB 的 prompt 能写出来，作者肯定是花了大心思的。对于想做 AI 设计工具的人来说，这个 Gist 值得研究一下。

本文介绍了一个超详细的设计系统 Prompt，看看它是怎么把 Claude 调教成专业设计师的。