Codex Expert Design 技能：从视觉方向到可运行 HTML 原型

Codex 安装步骤

打开固定版本的 GitHub 原文，从该版本保留 `.codex/skills/expert-design/` 整个目录。将它放入目标项目的 `.agents/skills/expert-design/`。
在目标项目中打开 Codex，输入 `$expert-design` 并给出本页示例里的任务和所需输出。

按任务范围选择设计方向推荐、原型评审或完整 HTML 原型流程。结合设计令牌、结构模板和五维质量检查交付设计。

在练习项目输入 `$expert-design --style`，请为图书收藏页推荐一种适合窄屏的视觉方向，给出字体与颜色用途，暂只做风格选择。

得到带理由的视觉方向和可用于原型的颜色、文字及控件约定。输入素材和目标页面能够对应。

GitHub 原文 · 更新日期 2026-11-13

Codex CLI 与 ExpertTeam-Codex 固定版本。使用完整项目中的设计系统、原型模板和质量评审目录。

使用 `--review` 并给出原型或目标页面。评审可依据源仓库的五维评分与问题级别。