Wiki 知识库

全部文档 / 标签: Design Tokens

2 篇
清除

Building a design system for coding agents

文章介绍为编码 Agent 构建设计系统的实践:由于仓库中存在多个版本的相同控件,Agent 会复制混乱并放大问题。作者正在开发 design.how,提供可安装、可直接交给 Agent 使用的设计系统与六个免费 Skill:build-design-system 从现有应用构建语义 token、规范组件与校验规则;migrate-design-system 用多 Agent 协作迁移全应用并设置预算;token-mapping 按用途映射设计值;component-docs 生成组件文档;design-review 检查截图无法覆盖的交互状态。每个 Skill 附带 TESTS.md 与适配提示,可替换为团队自定义规则。

技术 › Skill A Arlan 2026-09-305.1 KB 42.4K 693 82

我做了一个开源的设计工作台:管理 & 编辑 & 生成 DESIGN.md

作者开源了 RICOUI DESIGN,一个基于 DESIGN.md 的设计系统工作台。DESIGN.md 是一种结构化 Markdown 文档,集中记录品牌的颜色、字体、间距、组件规则与设计约束,人和 AI 都能读取。工作台支持创建、编辑、预览 DESIGN.md,浏览内置品牌设计参考库,可通过 AI 从公开网站生成初稿,并将文档派生为 Design Tokens、CSS 和 ZIP 供前端与 AI 工具使用。文章详细介绍了 DESIGN.md 的结构约定、从品牌参考到自有设计库的使用流程、AI 生成与安全边界、派生检查机制及云端存储方案,强调以 DESIGN.md 作为唯一源文件维护设计规范。

技术 › 前端 RicoUI 2026-09-0318.6 KB 19.3K 161 87