🔥 社区顶流：GitHub 6.8 万星、装机 29.7 万次——星标和装机双双领先，是这个品类里社区验证最充分的独立项目之一。MIT 协议，完全免费。
一、这是什么
作者给它的定位非常直白：「反平庸前端框架」。专治 AI 生成的界面那股「说不出哪里不对，但就是不好看」的塑料感。
二、从四个维度整体拔高
•
布局：不再是干巴巴的居中一列到底
•
字体：字号梯度、字重搭配、行高，做出编排感
•
动效：该动的地方动，动得有分寸
•
间距：留白节奏，这是「高级感」最直接的来源
三、独有的一手：先出参考图再落地
它除了写代码的 skill，还带一组「参考图生成」skill——先出一版网页 / 移动端 / 品牌视觉的参考板给你挑，风格定了再交给 AI 落地成代码。这一步很关键：先看到，再动手，比闷头写完再返工省太多事。
四、怎么用
一条命令装全部，也可以只装其中一个：
•
默认主技能是 v2 版（相比 v1 大幅重写），装了 v1 的重跑一次命令自动升级
•
每个子技能只干一件事，按需装，不用全都要
•
也可以直接把技能文件粘进 ChatGPT / Codex 的对话里用
五、适合谁
•
用 AI 做出来的页面「能用但不好看」，想再提一档的人
•
习惯「先看方案图、满意了再开工」的人
⚠️ 一句实话：参考图那部分需要配一个能出图的模型（如 ChatGPT 图像），skill 本身不含出图能力。写代码的那部分免费直接用。需在 Claude Code / Cursor / Codex 等 AI 编程助手里使用。