项目预览
项目数据
项目介绍
Star 增长趋势
本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整
数据来源：GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 635
使用教程
环境要求
- 无需环境
安装与启动步骤
-
1先逛在线画廊
两百个应用各有一份设计规范文档，画廊里能直接翻着看。
-
2按应用取文档
每个应用提供四套版本：框架中性、SwiftUI、Expo、Jetpack Compose。
-
3喂给编码助手
把对应那份 markdown 丢进 Cursor 或 Claude，它就有了色值与字号依据。
-
4没有的可提需求
仓库开了请求入口，也可以用自己的录屏去生成一份。
如何确认成功
能把一份规范文档交给编码助手，产出的界面配色与字号层级和原应用基本一致
注意事项
- 它是设计规范文档集合，不含任何可运行代码。
- 文档是逆向还原的，属于参考而非官方设计稿，商用前自行判断。
- 社区贡献为主，不同应用的质量与完整度差异明显。
- 配套站点提供画廊与自助生成，比在仓库里翻文件快。
核心亮点
- 汇集200个真实应用的设计系统，覆盖主流设计风格，可直接复用
- 框架无关且提供SwiftUI/Compose/Expo适配，适用多端开发
- 专注AI协作场景，显著提升AI生成UI的准确度和还原度
不足之处
- 项目处于早期，文档结构和更新频率待观察
- 设计系统来源的授权和合规性需自行确认
适用场景
- 使用AI编程工具开发新App时，快速建立设计规范
- 团队需要参考顶级应用的设计模式进行产品设计
- 为AI生成UI提供精确的视觉指南，减少人工调整
替代项目
Design Systems Repo、Open UI、Supabase UI
上一篇：tinte
下一篇：Design-Learn
同类项目推荐
libpd-rs
开源
在 Rust 中安全运行 Pure Data 补丁，实现实时音频处理
Safe rust abstractions over libpd.
pro-color-harmonies
开源
输入一个颜色，秒出专业和谐配色方案
color generation lib inspired by colorpalette.pro
ip-as-logo-skill
开源
一句话生成圆润新拟物风 IP 吉祥物 Logo
A compact Agent Skill for highly simplified, rounded, subtly neo-skeuomorphic IP mas···
islamic-geometry
开源
输入参数，一键生成精美伊斯兰几何图案
Generative Computational Design of Islamic Geometric Patterns
awesome-generative-books
开源
一网打尽生成艺术好书，从入门到进阶不迷路
A repository of generative art book resources
upage
开源
说句话就能生成可编辑的网页，还能手动微调
一款基于大模型的可视化网页构建平台，Lovable 开源替代。
subjective-zero
开源
用AI和节点图，实时打造视觉特效，无需手写复杂代码。
The agentic node editor for live visual effects
design.md
开源
输入网址，一键生成设计规范与 Tailwind 主题
Generate DESIGN.md, Tailwind themes, tokens, and prompts from any website.
shaders
开源
一行组件接入 WebGPU 炫酷着色器效果
WebGPU components for React, Vue, Svelte, Solid, JS & Framer