UI Craft：让AI生成的界面告别”廉价味”的设计工程系统

为什么 AI 生成的界面总有一股”廉价味”？

你有没有这种感觉——让 AI 画一个界面，出来的作品总是：Inter 字体 + 紫色渐变 + 卡片三件套，看一眼就知道是 AI 干的？

这不怪 AI。怪的是提示词里没有设计判断力。

UI Craft 就是来解决这个问题的。它不是一个图库，不是一个模板，而是一套设计决策系统——告诉 AI 什么时候该用哪种字体、什么场景该加大动效、怎么判断一个界面”有品味”而不是”凑合能看”。

它能做什么？

• Discovery Phase：写代码前先问清楚需求，避免 AI 自说自话跑偏
• 18 条 slash 命令：/craft /critique /polish /animate /brief /tokens……覆盖设计-实现全流程
• 3 种风格变体：Minimal（Linear/Notion 风）、Expressive（Editorial）、Editorial，总有一款适合你的产品
• Anti-Slop CLI：33 条规则自动检测”AI 味”界面——Inter 字体、居中 Hero、紫色渐变，一个都跑不掉
• 3 个可调旋钮：CRAFT_LEVEL（精细度）、MOTION_INTENSITY（动效强度）、VISUAL_DENSITY（留白密度）——像调收音机一样调设计

适合谁用？

如果你经常用 Claude Code 或 Cursor 写前端，嫌弃 AI 出来的 UI 太千篇一律，UI Craft 是目前最完整的”设计品味加固包”。

作者更新很勤——GitTrend 显示最近 30 天涨了 102 颗 Star，日均 3 颗，说明确实有人在用、有人买单。

怎么装？

一条命令搞定：

npx skills add educlopez/ui-craft

或者 Claude Code 用户：

Claude install-skill educlopez/ui-craft

装完输入 /craft 试试，感受一下什么叫”AI 终于知道什么叫好看”。

GitHub：https://github.com/educlopez/ui-craft

GitHub: https://github.com/educlopez/ui-craft