UI Design

Choose the right track based on your project type and follow its guidance.

Tracks

Pick the track that matches the primary surface:

• Product UI — dashboards, admin panels, data tables, settings pages, internal tools. See product-ui.md
• Marketing — landing pages, brand sites, promotional content, portfolios. See marketing-ui.md

If unsure: product UI prioritizes information density and efficiency; marketing prioritizes visual impact and storytelling.

Always load alongside the track

• aesthetic-direction.md — anti-patterns, AI-slop signals, and calibration. Read after picking a track.
• design-in-code.md — low-fi planning before visual polish.

Related skills

• ui-animation for motion timing, easing, and animation review
• ui-audit for accessibility and final QA