design-engineer：让AI做出200美元设计师水平的界面
让你的AI画出200美元一小时设计师的界面水平
你有没有这种感觉——让AI设计一个界面，出来的稿子看着”还行”，但总有一股挥之不去的廉价感？排版平庸、阴影糊弄、颜色搭配像在调色板里随便搅和……这就是所谓的”AI味”，一眼假。
问题不在AI不行，而在于大多数AI缺乏设计素养。它能生成像素，但不知道怎么让界面”有气质”。直到我发现了这个叫 design-engineer 的Agent Skill——它专门教AI怎么像个收费200刀/小时的专业设计师那样做界面。
它到底做了什么
这个Skill本质上是给AI灌输一套视觉工艺体系。它不生成代码，它生成的是判断力——
- 留白呼吸感：界面是”透气”还是”压抑”
- 层次清晰度：眯眼看，三层信息结构是否一目了然
- 氛围营造：毛玻璃？光晕？纹理？还是扁平模板风
- 微交互动画：hover效果、过渡是否流畅自然
- 响应式布局：375px / 768px / 1280px 三端是否都过关
触发词也很宽泛——无论是”帮我设计个落地页””让这个组件看起来更高级”，还是”make it premium”，它都会激活。
适合谁用
设计师可以用它快速出概念稿，省去在Figma里反复调细节的时间。
开发者不需要审美积累，直接能让前端看起来像专业团队出品。
产品经理自己做原型图，不再被设计师吐槽”这个间距不对”。
作者还给了一个很有趣的自测标准：“这个作品你敢放进作品集吗？”——如果不敢，这个Skill会帮你找出哪里拉胯了。
怎么装
一行命令搞定：
npx skills add https://github.com/warpirate/design-engineer --skill design-engineer支持Codex和Claude系列，直接复制到AI助手里就能用。
总结
design-engineer解决的不是”AI能不能画图”的问题，而是“AI画出来的图有没有灵魂”的问题。如果你受够了AI生成的塑料感界面，这个Skill值得一试。
GitHub仓库 | 安装量0，但这个定位稀缺度高，迟早被挖到。
评论区
0 条评论
登录后可评论。