Codex Expert Design for Visual Directions and Runnable HTML Prototypes
Choose a focused design direction, review an existing prototype, or follow the full HTML prototype workflow using the repository's design systems and critique guides.
中文Install in Codex
Codex CLI with a pinned ExpertTeam-Codex checkout and its bundled design system, prototype, and review skills.
- Copy the entire pinned `.codex/skills/expert-design/` directory to `.agents/skills/expert-design/` in the target checkout.
- Open Codex in that checkout and invoke `$expert-design` with the example task and desired output.
Example task
Invoke `$expert-design --style` for a practice book collection page. Request a narrow-screen design direction and explain where the type and colors should be used.What to check
The result provides a reasoned visual direction and role-specific color, type, and control conventions tied to the page goal.
Original SKILL.md on GitHub · Updated
Frequently asked question
How do I review an existing page only?
Use `--review` with a prototype or target page. The upstream review uses five criteria and prioritized findings.