frontend-design
Installation
SKILL.md
This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.
The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.
When to Use This Skill
| Use frontend-design for... | Use document-creation for... |
|---|---|
| Interactive websites | Business reports |
| Web dashboards | Technical documentation |
| React/Vue components | API documentation |
| Landing pages | Meeting minutes |
| Visual posters | Research papers |
| Interactive HTML with JS | Static HTML for printing |
Key difference: frontend-design creates interfaces meant for interaction. document-creation creates documents meant for reading/printing.