如果只用一句话介绍 StyleKit，我会这样说：
StyleKit 是一个面向 AI 编码工作流的 UI 风格设计系统。
它不只是展示灵感，而是试图把设计风格、Prompt、token、组件 recipes 和风格规则整理成一套能真正进入开发流程的工具。
最近我一直在持续打磨这个项目，因为我越来越确定一件事：
我们缺的从来不是“好看的网站截图”，而是一套可以把风格稳定落地的中间层。
与其不断收藏零散灵感，不如把风格整理成真正可以复用的系统。
StyleKit 是什么
简单说，StyleKit 是一个围绕设计风格构建的平台：
- 可以浏览和筛选大量 UI 风格
- 可以查看模板、动画和设计资源
- 可以拿到 Prompt、设计 token 和组件 recipes
- 可以把这些能力直接带进实际开发工作流
也就是说，它不是停留在“看图找灵感”这一层，而是在尝试把“风格”变成一种真正可消费、可复用、可集成的能力。
为什么我要做这个项目
现在很多设计灵感网站有两个问题：
- 好看，但停留在浏览层
- 有参考价值，但很难直接进入实际开发链路
而 AI 编码工具出现之后，这个问题反而变得更明显了。
我们不缺“UI 看起来像什么”的案例，缺的是一套能告诉 AI 和开发者：
- 这个风格的核心气质是什么
- 颜色、排版、边框、阴影应该怎么落
- 按钮、卡片、输入框这些组件应该往哪里靠
- 什么是这个风格应该做的，什么又最好不要做
StyleKit 想解决的，就是这个中间层。
StyleKit 现在能做什么
目前这项目已经不只是一个网站首页了，它更像一个围绕风格知识库展开的平台：
- 风格目录：整理视觉风格和布局风格
- 模板与资源：把风格落到更具体的页面结构里
- Prompt 与规则：让 AI 输出更稳定、更有气质
- Token 与 recipes：让风格不止能看，还能真正复用
- 校验与分析：帮助判断页面是不是已经偏离目标风格
对我来说，这也是它最有意思的地方。
我不是在做一个“展示型产品”，而是在尝试把设计知识本身做成系统。
它适合哪些人
我觉得它最适合这几类人：
- 想快速确定界面方向的独立开发者
- 需要给 AI 更稳定设计约束的前端工程师
- 想把风格沉淀成内部规范的小团队
- 不想从零搭设计语言，但又不满足于直接复制别人界面的产品人
如果你经常遇到“AI 写出来的页面能用，但没气质”这种问题，那你大概就会理解我为什么要做它。
它和普通灵感站最大的区别
我觉得 StyleKit 和普通灵感站最大的区别，不是页面更多，也不是风格更多，而是它想做的是这几件事：
- 不只给你“参考图”，而是给你风格落地的约束
- 不只适合人浏览，也适合 AI 理解
- 不只讲审美，还讲实现方式
- 不只收藏案例，而是整理出可复用的系统
这也是我为什么还愿意持续投入它。
因为我不想做一个“看起来很像工具”的展示站，而是想做一个真正能进入工作流的设计系统产品。
后面我希望它继续长成什么样
接下来我还会继续把它往这些方向推进：
- 更完整的 style catalog
- 更稳定的导出和规则系统
- 更顺手的 AI prompt 工作流
- 更清晰的社区投稿和审核机制
- 更适合真实项目落地的页面模板和最佳实践
我希望它最后不是“一个我自己觉得还不错的网站”，而是一套别人也能真正拿去使用的工具。
常见问题
StyleKit 适合谁用？
如果你是独立开发者、前端工程师、做产品的人，或者在用 AI 辅助写界面，StyleKit 都会比普通灵感站更有帮助。
StyleKit 和普通 UI 灵感站有什么区别？
普通灵感站更偏“看”，StyleKit 更偏“看完以后能继续做”。
它试图把风格、规则、token、Prompt 和组件 recipes 连接起来。
StyleKit 现在最核心的能力是什么？
我会把核心总结成三件事：
- 帮你更快找到合适的风格方向
- 帮你把风格稳定地传达给 AI
- 帮你把抽象的审美落成可以执行的界面规则
你可以去看看
如果你也在关注 AI 编码、设计系统、Prompt 工作流，或者只是想找更有质感的 UI 方向，StyleKit 也许会对你有用。
