好开源，值得被发现。

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

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 预设、编辑器主题及终端配色方案。

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 代理使用。

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 许可证。

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

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