🔥 社区顶流:GitHub 11.1 万星、装机 28.8 万次,是设计类 skill 里星标最高的独立项目之一。项目有中文说明,国内用户友好。
一、这是什么
一个给 AI 装上专业 UI/UX 判断力的 skill,跨平台跨框架都能用——网页、移动端、后台系统都覆盖。
二、王牌功能:设计系统生成器
这是 v2.0 的核心。你只要说清楚要做什么项目,它几秒钟推演出一整套方案。比如你说「做一家养生 SPA 的官网」,它会给出:
页面结构
按「情感驱动 + 信任背书」的转化路径排:首屏 → 服务项目 → 客户评价 → 在线预约 → 联系方式,并标明按钮该放在哪、在评价之后要再出现一次。
视觉风格
推荐「柔和阴影 + 微妙层次」的路线,说明为什么这套适合养生美业类品牌,并给出性能与无障碍评级。
具体到色值和字体
主色柔粉、辅色鼠尾草绿、按钮金色、背景暖白、文字炭灰——每个都给到十六进制色值;字体给出标题正文的搭配组合和直接可用的字体链接。
交互细节
阴影用多柔、过渡动画多少毫秒、鼠标悬停怎么变,都写好。
三、同仓还有什么
•
设计系统:单独维护一套可复用的规范
•
Banner 设计:横幅、广告位视觉
四、适合谁
•
不懂设计术语,但要拿出一份专业方案的人——它替你把术语和参数都填好
•
做客户项目、需要一份能拿去汇报的设计说明的人
•
每次开新项目都在「主色用什么」上纠结半天的人
⚠️ 一句实话:它出的是方案和规范(结构、色值、字体、参数),不是画好的设计稿。方案定了还要让 AI 去落地成页面。需在 Claude Code 等 AI 编程助手里使用。