design-system

供 SEEK Group 使用的可换主题设计系统

SRCL 是一个实现终端美学的开源 React 组件和样式库，帮助你构建 Web 应用程序、桌面应用程序和静态网站。

Magic Patterns Catalog 是一个开源网站，列出最受欢迎的 React 组件库，帮助您找到完美的组件。

Kiwi.com 开源 Orbit 设计系统的 React 组件

📚 本指南旨在协助你学习 UI/UX 设计，分为三个级别：初级、中级和专家。内含涵盖用户界面与用户体验设计各方面的学习资源、指南与工具。

一个旨在解决全球问题的实用社区构建平台

Baklava 是 Trendyol 设计的系统，旨在为应用程序用户创造一致的 UI/UX。

关于 Design Tokens 的各类资源清单。

Spectrum 设计语言的标准 CSS 实现。

Stylable - 针对组件设计的 CSS

Compose UI 缺失的设计系统层

以实用程序优先的 React Native UI 框架 🚀🧩

Amplify UI 是一个集合了无障碍、可主题化、高性能的 React（以及更多！）组件库，可直接连接至云端。

🎨 Figma 插件，可将设计 Token 导出为兼容 Amazon Style Dictionary 格式的 JSON。

Layer5，对基础设施有更多期待

SEED 设计系统

Claude Design DESIGN.md 提示词（按美学系列分类）、混音配方、技能、视频拆解、X 信号与真实社群观点。

精选的设计资源列表，包含设计模板、图库照片、图标、色彩等丰富内容

Radix 的网站与文档。

将 Claude 转变为资深设计架构师 — 包含 DTCG 设计代币、42 个组件、WCAG 2.2 无障碍标准、跨框架代码、138 个设计系统与可执行技能。

AI 原生、CLI 优先的 React 组件库。拥有 160+ 个具备动画、无障碍支持、可直接用于生产环境的组件，并支援适用于 Cursor、Claude 与 GitHub Copilot 的 MCP 服务器。采用复制粘贴架构——代码完全属于你。

SumUp 的网页设计系统

一个为求无障碍访问而构建的自动完成组件。

适用于 Claude Code、Codex 与 Cursor 的开源设计方法引擎。具备固定的设计判断、多种语法、参考编译、语义色板，以及用于验证 UI、交互、图片/视频工作、轮播墙、演示文稿与文档的 Studio 工作流程。22 个技能 · MIT 授权。

CSS 变量构建系统

🎨 Codex 内建的开源 AI 演示工作室：原生影像演示，每一张投影片都是完整的视觉画布。⚡ 约 4-5 分钟即可产出 10 张以上高质量投影片 — 快速模式可平行渲染每一页。🔍 即时观看完整流程：研究 → 大纲 → 风格 → 渲染 → 编辑 → 演示 → 导出 PDF/PPTX。🖥️ 以浏览器为优先 · 无需 API 金钥 · 项目持久保存。

精选的设计系统书签、资源与文章列表，专为开发者打造。

HIUI 是一套适用于前端、中端与后端交互及 UI 设计标准的制定与实现解决方案。

Figmagic 是 DevOps 与设计之间的缺失拼图：从你的 Figma 文档中生成 design tokens、导出图形，并提取由 design token 驱动的 React 组件。

一组用于 PatternFly 项目的 React 组件。