frontend-design
Create distinctive, production-grade frontend interfaces that avoid generic AI slop aesthetics
Installation
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
View source ↗GuidesSkill instructions
Frontend Design
Creates bold, production-quality frontends with exceptional aesthetic attention.
When to Use
- Building React components/pages
- Creating dashboards or landing pages
- Any frontend work avoiding generic "AI slop"
Before Coding
Pick ONE bold aesthetic direction:
- Brutally minimal
- Maximalist chaos
- Retro-futuristic
- Luxury/refined
- Brutalist/raw
- Industrial/utilitarian
Core Principles
- NO blue/purple gradients
- Commit fully to chosen aesthetic
- Production-ready code, not mockups
- Meticulous typography and spacing
Usage
"Use frontend design skill to build auction dashboard"
"Redesign landing page - brutalist aesthetic"
Examples
Read the usage examples in the source repository.
View source ↗Source history
- Indexed on
- 2026-01-20
- Index updated
- 2026-01-26
- Branch
- main
Index and sync dates describe this directory. View the source repository for code history.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!