frontend-design

---

name: frontend-design description: Define and execute a distinctive visual direction for net-new UI or brand refresh work (art direction, typography, color, motion, composition), then deliver a polished reference implementation. Primary intent: creative design direction and visual differentiation; pairs well with style-frontend-ui and build-react-components for engineering hardening. license: Complete terms in LICENSE.txt category: frontend/styling ssot_path: .ai/skills/frontend/styling/frontend-design

frontend-design (entry)

Canonical source: .ai/skills/frontend/styling/frontend-design/

Open .ai/skills/frontend/styling/frontend-design/SKILL.md and any supporting files referenced there (for example reference.md, examples.md, scripts/, templates/).

Note: The frontmatter above is identical to the canonical source except for ssot_path and category which are added for navigation. After opening the source file, skip re-reading the description to avoid redundant token usage.