Frontend Design Codex Skill
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
What it adds
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
developer workflow
Get set up
- Color: describe the core base palette as 4–6 named hex values.
- Type: the typefaces and their roles.
- Layout: a layout concept, using one-sentence prose descriptions and ASCII wireframes to ideate and compare.
- Principles: the high-level guidance for what makes this page unique.
Before you install
Compatibility & limitations
Documented for ChatGPT desktop app, Codex CLI, Codex IDE extension
Cursor: Not confirmed for Cursor.
This listing is based on source documentation. We have not installed or runtime-tested this asset.
Sources & provenance
Reviewed 2026-09-20. Source revision: main (mutable; commit not pinned).