Codex ExpertTeam Design Systems for Source-Based DESIGN.md
Turn approved brand assets and style references into a project design specification. Document color tokens, typography, components, and responsive rules.
中文Install in Codex
Codex with an ExpertTeam-Codex checkout and approved brand inputs. Retain the three reference files included with the skill.
- Copy the entire pinned `.codex/skills/design-systems/` directory to `.agents/skills/design-systems/` in the target checkout.
- Open Codex in that checkout and invoke `$design-systems` with the example task and desired output.
Example task
Invoke `$design-systems` on a practice product with a fictional palette and two typefaces. Request tokens for surfaces, text, and actions, plus a mobile card example.What to check
The resulting nine-section DESIGN.md traces key choices to the supplied material and explains how to use them at narrow widths.
Original SKILL.md on GitHub · Updated
Frequently asked question
How should I choose colors if I have a brand guide?
Use the bundled extraction workflow to identify the existing palette, then assign colors to specific roles and component states.