好开源，值得被发现。

Panda 是一个通用且类型安全的 CSS-in-JS 框架，专为设计系统打造。它在构建时提取样式，输出包含级联层和变量的现代 CSS，支持 recipes 和 variants，并兼容大多数 JS 框架。

Dembrandt 是一个开源 Node.js CLI 工具，通过 Playwright 渲染网站并从 DOM 提取颜色、排版、间距、边框、阴影、动效和组件等样式数据，输出为 W3C 设计令牌（Design Tokens）。它支持 Style Dictionary、Tailwind v4 等格式导出，内置 CI 漂移检测门控，并提供 MCP 接口，可与 Claude Code、Cursor 等 AI 智能体集成。该工具适用于自有或授权项目的文档整理与学习分析，遵循 MIT 许可证。

oh-my-design 将设计系统参考资料和技能安装到 AI 编码代理中。一条命令即可为 Claude Code、Codex、Cursor 和 OpenCode 添加 440+ 条公司设计参考资料、28 项技能和 20 个专家角色。生成便携的 DESIGN.md，包含理念、标记和组件契约。

Chromatic 是一款用于管理跨平台设计系统的构建工具，可从设计令牌（design-token）文件生成平台特定文件。它支持丰富的令牌表达式、主题管理以及 YAML/JSON 输入，并能输出 Sass、CSS、iOS、Android 和 HTML 样式指南。

这是一个基于原生 CSS 构建的轻量级、模块化且可定制的设计系统。它采用 CSS 变量、移动优先的响应式原则和无障碍实践，包含示例、设计令牌、构建与 lint 脚本、格式转换以及可直接通过 CDN 引入的合并 CSS 文件。

DesignMD 是一个 CLI 工具，能够从任意 URL 提取实时设计系统——包括颜色、排版、间距、断点和交互状态——并输出可供 AI 编程代理使用的便携式 DESIGN.md 文件。

design-md-hub是一个开源仓库，收录了120个品牌的DESIGN.md规范文件，这些规格均从实际生产网站逆向提取，包含颜色、字体、组件和布局等详细信息。AI编码代理可直接读取这些PLAIN文本规范，生成符合品牌风格的用户界面。每个品牌文件夹还附带一个preview.html用于浏览器预览。

Codex 是 Wikimedia 的设计系统，提供 Vue 3 和 CSS 组件、设计令牌、图标以及 VitePress 文档站点。它支持国际化并符合 WCAG 2.1 AA 无障碍标准。

designlang 是一款基于 Playwright 的开源 CLI 工具，能够读取网站实时 DOM 并提取完整设计系统。它支持生成 DTCG 设计令牌、Tailwind 配置、Figma 变量、shadcn 主题及组件代码，同时具备 WCAG 无障碍对比度审计、多平台代码发射（iOS/Android/Flutter等）以及 MCP 服务器和 Chrome 扩展支持，专为设计系统审计与设计转代码工作流打造。

一个为开发者精心策划的英文设计系统资源集，涵盖设计工具、设计令牌（Design Tokens）、模式库、组件测试、书籍及演讲等相关文章和工具。

Tinte 是一个设计系统编译器和主题工具链，能将身份配置编译为 Agent Plugin，包含 SKILL.md 和 tokens.css，使编码代理能遵循品牌 UI 规范。它还支持将 OKLCH 令牌转换为 shadcn 预设、编辑器主题及终端配色方案。

Awesome DESIGN.md 是从真实网站与品牌提取的设计系统文档（DESIGN.md）精选合集，将 DESIGN.md 放入项目后，即可让 AI 编码代理生成符合对应品牌视觉风格、配色、排版与布局模式的 UI。

Better Design 是一个开源的 MCP 服务器和 shadcn/ui 注册表，旨在为 AI 编程代理提供设计系统、语义化 CSS 令牌、组件覆盖、UI 原则、图标匹配及 WCAG 审查规则。它包含 31 个主题，并支持 Claude Code、Cursor、VS Code/GitHub Copilot 等 MCP 客户端。

brandmd 是一款 CLI 工具，可将网站设计系统提取为符合 @google/design.md 规范的 DESIGN.md 文件。它为 Claude Code 和 Cursor 等 AI 编码代理提供品牌上下文，默认在本地运行且无需 API 密钥。

GlassKit 是一个无需依赖的 CSS 组件库，其玻璃拟态设计灵感源自 iOS 26 Liquid Glass。它提供主题、设计令牌、实用类以及适用于 Shadow DOM 的可构造样式表，旨在打造原生且现代的界面。

一个Claude技能，用于检查和构建Figma设计系统，提供只读审计和构建模式，支持多种输入和框架导出。

Marigold 是 Marigold Design System 的 React 实现，基于 react-aria 和 Tailwind CSS 构建。该 monorepo 包含组件和主题包、Storybook 工作区、Next.js 文档站点、Vitest 测试以及通过 Changesets 驱动的 CI 发布流程。

Design Oracle 是一款分析网站并提取其设计系统（颜色、排版、间距、组件和 UX 模式）的工具。它支持导出 Tailwind v4 配置、React JSX、JSON 设计令牌或 DESIGN.md 报告，可独立运行或作为 MCP 服务器供 AI 代理使用。