快速阅读：开发者elwingo1用两周时间做了个开源项目TypeUI，提供48个设计skill文件给Claude用，让AI生成的网站不再千篇一律。每个文件就像给AI装了一套设计语言，还能通过CLI自定义颜色和字体。
---
这个项目不是从零开始的。elwingo1四五年前创立了UI库Flowbite，有设计背景，看到大家从传统设计系统转向AI工具后，决定把多年的设计品味转译成AI能理解的指令。
skill文件本质上是人工策展的设计规则。elwingo1强调“AI需要被推向正确的方向”，他和朋友正在开发“增强版”skill文件，加入阴影、边框等更细致的规则，甚至考虑做可视化编辑器，让设计规则能跨项目同步。
使用很简单，直接下载skill文件添加到Claude，或者用命令`npx typeui.sh pull `。有网友提到“真正的技巧是在skill文件里写布局规则，比如'每行最多3张卡片'或'统一用8px栅格'”，这样能省去大量来回调整。
项目托管在GitHub，所有文件都能在awesome-design-skills仓库找到。有人问能不能生成Figma文件，elwingo1说理论上可以通过生成Figma的JSON实现。也有网友上传自己喜欢的网站截图，用`npx typeui.sh generate`让AI反向生成对应的skill文件。
Google最近推出了类似工具，但TypeUI的优势是不绑定特定模型，Claude、Gemini都能用。有观点认为这类设计系统的未来在于将视觉规则标准化，让非设计师也能保持设计一致性。
项目地址：www.typeui.sh/design-skills
GitHub仓库：github.com/bergside/typeui.sh
##