AI 写的页面总是一股”AI 味”？给它装上 StyleSeed——900+⭐ 的设计判断引擎

Claude Code 写了一版 React Dashboard，组件齐全，但打开一看——纯黑背景、随机紫渐变、Emoji 当图标、四个一模一样的 KPI 卡片横向排开。整个屏幕散发着”AI 出厂设定”的廉价感，你甚至说不清楚哪里不对，但就是不想用。

这种”AI 味”不是审美问题，是StyleSeed（bitjaru 开源，900+ ⭐）想根治的病。它不给你组件库、不给你配色方案，它给你 74 条设计规则 + 一个 0–100 的硬评分门，让 AI 在交稿前自己打回自己。

StyleSeed 到底在管什么

StyleSeed 把自己定位成「design-method engine」——不是「给 AI 看什么」，而是「教 AI 怎么判断」。74 条规则覆盖七个维度：

• 颜色纪律：禁止纯黑 #000（精致黑是 #2A2A2A）、禁止默认靛蓝 #4F46E5、禁止用 Emoji 当 UI 图标
• 空间节奏：8px 栅格、组外间距必须大于组内、卡片高度交替
• 信息层级：严禁四个完全一样的 KPI 卡片横排、字号必须走单一 token 表
• 阴影与提升：阴影不透明度上限 4%、暗色模式用边框替代阴影
• 动效与反馈：常规动效 200ms、进入用 spring、退出用 ease-out

每一类违规都被量化成扣分项，比如”按钮文案是 Submit 而不是 Send $2,400″扣 4 分、”错误文案用 ‘Invalid input’ 系统腔”扣 4 分。低于 80 分，AI 看不到结果，必须自己改完再交。

跟传统 Design System 的本质区别

很多 Design System 给的是 数据（配色、token、组件 API），StyleSeed 给的是 判断力。它不绑定任何一种视觉风格——内置 7 套品牌皮肤（Toss、Stripe、Linear、Notion、Raycast、Arc、Vercel）只是 demo，你可以用 58+ 社区皮肤，也可以从参考图 / URL / Figma 编译出一套本地语法。

关键设计是 plan → lock → build → score → verify 五步闭环：

1. Plan：选 output grammar（consumer service / operations / technical / editorial…）+ surface adapter（web / mobile / carousel / deck）
2. Lock：把决策写进 STYLESEED.md，跨会话保持一致
3. Build：跑 /ss-build 触发完整循环
4. Score：/ss-score 跑七维评分
5. Verify：/ss-verify 实际渲染截图，验证像素级结果

实测数据（项目自己跑的 BENCH-V1，120 个渲染单元）：StyleSeed 让 Codex 和 Claude Code 双方都提升了 +5.3 分。没有评分门加持的纯规则版本，Codex 只 +1.6、Claude Code 甚至 -3.7——光有规则没用，必须有强制门。

上手姿势

一条命令搞定：

npx skills add bitjaru/styleseed

然后在 Claude Code 里贴这段 prompt：

Install StyleSeed with npx skills add bitjaru/styleseed, then set it up for this project. Ask what I am building and only the design choices you need. Choose the right output grammar, brand recipe, and semantic palette.

它会自动问你三个问题（你在做什么、要哪种 grammar、选哪套皮肤），然后开始 lock + build + score + verify。Studio 模式（/ss-studio）还会输出三个方向的视觉对比 + 一段工作原型。

MIT 协议，22 个 skill，纯 markdown 规则文件，不绑任何编辑器——Claude Code / Codex / Cursor / Gemini CLI / OpenCode / Qwen / Copilot 全都吃。已经过 SkillsLLM 的依赖审计 + 注入检测，没有高危问题。

适合谁

适合所有用 AI Coding Agent 写前端、但页面”一眼 AI”的开发者——尤其是：

• 没有专职设计师的 solo builder / 创业团队
• 产品工程师想跳过 Figma → 代码的来回
• vibe coding 重度用户，想让 AI 不止”能跑”还能”好看”

不适合作——已经有成熟设计系统的大厂前端、需要特定 Figma 协作的设计师团队（StyleSeed 是代码侧约束，不是设计协作工具）。

GitHub：https://github.com/bitjaru/styleseed

GitHub: https://github.com/bitjaru/styleseed