Codex ExpertTeam 设计系统:从品牌素材提炼 DESIGN.md
EnglishCodex 安装步骤
- 打开固定版本的 GitHub 原文,从该版本保留 `.codex/skills/design-systems/` 整个目录。将它放入目标项目的 `.agents/skills/design-systems/`。
- 在目标项目中打开 Codex,输入 `$design-systems` 并给出本页示例里的任务和所需输出。
中文摘要
将品牌手册、现有页面或样式文件整理为可供开发使用的设计规范。输出颜色令牌、字体、组件和响应式约定,供团队实现与审阅。
SKILL.md 中文导读
可复现示例
在练习项目输入 `$design-systems`,给出自制的产品配色和两种字体。请将配色定义为页面、正文与操作色令牌,并为卡片写出手机端示例。工作步骤
- 从用户提供的素材提取可追溯的色彩、排版和视觉层级。
- 用九段结构写入 DESIGN.md,记录令牌用途、组件状态和响应式约定。
验收方法
生成有九段结构的 DESIGN.md,含可定位到输入素材的颜色、排版规则和窄屏布局建议。
GitHub 原文 · 更新日期
适用环境
Codex 与 ExpertTeam-Codex 工作副本。准备可使用的品牌素材,保留技能目录中的三个设计参考文件。
常见问题
有自家品牌手册时怎么选配色?
先使用品牌提取流程整理已有资产,再按用途定义令牌和组件规则。
相关指南
相关推荐
Codex Expert Design 技能:从视觉方向到可运行 HTML 原型
ReJeCtAll/ExpertTeam-Codex
Codex ExpertTeam 原型模板:按场景生成 HTML 骨架
ReJeCtAll/ExpertTeam-Codex
Codex Expert Product:把需求拆成 PRD 和验收条款
ReJeCtAll/ExpertTeam-Codex
Codex Expert Software:按复现证据安排 Bug 修复与 QA
ReJeCtAll/ExpertTeam-Codex
expert-team 技能
ReJeCtAll/ExpertTeam-Codex
Codex ExpertTeam 设计评审:五维评分与发布检查
ReJeCtAll/ExpertTeam-Codex