frontend-design
Installation
SKILL.md
This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Every output should feel genuinely designed — not assembled from defaults.
Workflow
1. Understand context
Before touching code:
- Purpose: What problem does this solve? Who is the audience?
- Stack: HTML/CSS/JS? Flask/Jinja? React/Vue? Match the output to the project's tech.
- Constraints: Performance, accessibility, existing design system, color/brand requirements.
2. Commit to a bold aesthetic direction
Pick one and execute it with precision — don't blend generically: