项目预览
项目数据
项目介绍
Star 增长趋势
本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整
数据来源：GitHub API 逐日快照 · 收录于 2026-11-13 · 当前星标 ★ 907
核心亮点
- 从品牌资料自动提取配色、字体、间距等设计语言，减少手工整理 token 的工作量
- 同时适配 Claude Code 与 Codex，切换助手不必重做品牌配置
- 以技能形式注入生成流程，AI 产出的组件天然贴合品牌，降低后期返工
不足之处
- 早期项目，品牌学习效果与覆盖场景的稳定性有待更多实践验证
- 依赖助手对技能文件的读取与遵循，复杂页面下一致性可能打折扣
适用场景
- 团队已有品牌规范，希望 AI 批量生成风格统一的营销页与后台界面
- 独立开发者快速为新产品建立基础设计系统并复用到多个页面
- 设计团队把品牌资产转成 AI 可读的规范，交给编码助手直接落地
替代项目
shadcn/ui、Tailwind CSS、Storybook
上一篇：mcp
同类项目推荐
designpull
开源
看到喜欢的网站，一键扒下它的设计配方
Generate Google Stitch compatible DESIGN.md files from any website using AI vision. ···
wgshadertoy
开源
在浏览器里实时编写和调试 WGSL 着色器，像 Shadertoy 一样简单。
A WGSL playground inspired by Shadertoy.
guizang-material-illustration
开源
让AI生成带中文标注的材质感插画和美化图表
归藏的材质插画 skill：生成带字解释图、图表美化和参考辅助配图。
dsh-guizang-design
开源
一套设计系统，让 AI 直接产出能用的网页 PPT 和图文卡片
歸藏设计 · DeepSeek Harness 插件：网页 PPT、图文卡片、网页排版、去 AI 味四个 skill，···
ai-design-skills
开源
把设计流程拆成技能，让 AI 按规范出图
nodebox
开源
拖拽节点，生成可视化与创意设计
Node-based data application for visualization and generative design
shaders
开源
一行组件接入 WebGPU 炫酷着色器效果
WebGPU components for React, Vue, Svelte, Solid, JS & Framer
Loomic
开源
聊天式无限画布，一句话搞定图像视频设计
Open-source AI canvas design agent — alternative to Lovart / CapCut Video Studio / ···
open-design-agent-kit
开源
把专业 UI 设计规范装进你的编码智能体
Make posters, social posts, slides and landing pages in the coding agent or chat you···