frontend-design
This skill guides creation of distinctive, production-grade frontend interfaces. 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.
A note on LLM design limitations — read this first
Be transparent with the user about this. Before generating any design, the user needs to understand what you can and can't do, so they know where their input is critical.
What you struggle with and why
You generate design by predicting the most probable next token. This means every design choice you make gravitates toward the statistical center of your training data — the average of "good design." You will produce competent, well-structured, polished work that looks like every other competent, well-structured, polished work. This isn't laziness — it's how the mechanism works. The average is what you're optimized to find.
Specifically:
More from b1rdmania/claude-brand-skills
brand
Complete brand development system with emotive foundation. Triggers on requests for brand identity, logos, visual systems, or design guidelines. Creates distinctive, anti-AI-slop design from strategy through delivery.
20art
AI image generation tool. Use when you need to generate reference images, illustrations, or visual content from text prompts.
19canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
12