AnxForever/stylekit

它解决了什么问题

AI 生成的网站往往看起来很普通，因为“让它看起来更好”对模型来说太模糊，难以遵循。StyleKit 通过提供一个结构化的视觉风格库——包括设计令牌、组件配方与硬性约束——让 AI 代理能够依循，从而产出稳定且高质量的视觉设计，避免“风格漂移”。

它如何运作

StyleKit 将抽象的视觉方向转化为机器可读的规范。它提供横跨十大类别的 148 种精选风格（例如 Cyberpunk、Brutalism，以及像 Stripe 或 Apple 这类品牌启发的风格）。这些风格通过三种主要方式传递给 AI 工具：

1. shadcn Registry：可通过 CLI 命令将风格加入现有项目，以更新 CSS 变量。
2. Agent Skills：专属技能让编码代理（如 Cursor、Claude Code 或 Windsurf）能将特定风格与规则直接应用到代码中。
3. MCP (Model Context Protocol)：MCP 服务器提供风格检索、设计令牌，以及一个 lint 工具，用于验证生成的 UI 代码是否符合所选风格的规则。

它适合谁

使用 AI 编码代理构建前端界面的开发者和设计师，他们想摆脱千篇一律的 AI 美学，落实具体且专业的视觉识别。

亮点

• 丰富的资源库：148 种精选风格、60 种动画，以及 36 个页面模板。
• 代理原生：通过 MCP 与 Agent Skills 与 AI 代理深度集成，实现自动化样式设置。
• 多重导出：支持 Tailwind 预设、shadcn 主题与 Figma 令牌。
• 机器可读：包含 /llms.txt 与便于 AI 使用的 HTTP API。
• 验证：内置 stylekit_lint_code 工具，确保 AI 生成的代码符合风格约束。