Design For Beauty

Use this skill to turn real-world design references into implementation-ready UI direction.

The bundled references come from awesome-design-md and live under references/design-md/. Do not read everything at once. Start from the catalog, shortlist, then load only the most relevant files.

Start Here

1. Read references/catalog.md.
2. Pick 1-3 reference brands.
3. Open only the matching references/design-md/<slug>/DESIGN.md files.
4. Translate the chosen reference into project-specific decisions, not a blind clone.

When To Use This Skill