oh-my-design 将设计系统参考资料和技能安装到 AI 编码代理中。一条命令即可为 Claude Code、Codex、Cursor 和 OpenCode 添加 440+ 条公司设计参考资料、28 项技能和 20 个专家角色。生成便携的 DESIGN.md,包含理念、标记和组件契约。
好开源,值得被发现。
发现优质开源项目,匿名提交开源项目,认领编辑你的开源项目。
带着好奇心,发现开源世界。
THE FIRST COLLECTIONTextual 是一个轻量级的 Python 框架,用于构建跨平台的终端和浏览器用户界面,具有简单的 API、丰富的组件、类似 CSS 的样式、异步支持以及开发控制台。
DesignMD 是一个 CLI 工具,能够从任意 URL 提取实时设计系统——包括颜色、排版、间距、断点和交互状态——并输出可供 AI 编程代理使用的便携式 DESIGN.md 文件。
Slopcamera 是一个面向编码代理的本地视觉工作室:提供 Bun CLI、TypeScript SDK 和 Agent Skill,让代理可以创作场景、组合生成与录制媒体,并导出图像、图表、动画和视频,同时保留可编辑源文件。
designlang 是一款基于 Playwright 的开源 CLI 工具,能够读取网站实时 DOM 并提取完整设计系统。它支持生成 DTCG 设计令牌、Tailwind 配置、Figma 变量、shadcn 主题及组件代码,同时具备 WCAG 无障碍对比度审计、多平台代码发射(iOS/Android/Flutter等)以及 MCP 服务器和 Chrome 扩展支持,专为设计系统审计与设计转代码工作流打造。
truss 是一个基于 Rust 的图像处理工具,提供 CLI、HTTP 和 WASM 接口,用于格式转换、缩放、优化和 SVG 清洗,并支持签名 URL 和 SSRF 保护。
Tinte 是一个设计系统编译器和主题工具链,能将身份配置编译为 Agent Plugin,包含 SKILL.md 和 tokens.css,使编码代理能遵循品牌 UI 规范。它还支持将 OKLCH 令牌转换为 shadcn 预设、编辑器主题及终端配色方案。
brandmd 是一款 CLI 工具,可将网站设计系统提取为符合 @google/design.md 规范的 DESIGN.md 文件。它为 Claude Code 和 Cursor 等 AI 编码代理提供品牌上下文,默认在本地运行且无需 API 密钥。