| name | frontend-design |
| description | Build distinctive, production-grade web UI with strong visual design. Use for landing pages, dashboards, components, or styling web interfaces. |
Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
When to use
- User or task matches this skill's domain (see description above).
- Invoked via
/skill-name or when the agent selects this skill from context.
Instructions
- Read
references/full-guide.md in this skill directory for full workflows, examples, and checklists (progressive disclosure).
- Run scripts under
scripts/ when present, using paths relative to this skill folder.
- For Master orchestration:
/master skill:frontend-design when the project uses the command center.
Related
- Package root:
.cursor/skills/frontend-design/
- Full guide:
references/full-guide.md
- Registry metadata:
.cursor/features/skills/skills/registry.json
