with one click
frontend-design-fix
// Fix generic frontend designs by applying aesthetic upgrades across the 5 design dimensions
// Fix generic frontend designs by applying aesthetic upgrades across the 5 design dimensions
[HINT] Download the complete skill directory including SKILL.md and all related files
| name | frontend-design-fix |
| description | Fix generic frontend designs by applying aesthetic upgrades across the 5 design dimensions |
| version | 2.0.0 |
| architecture | modular-composable |
| tools | ["Read","Write","Edit","Grep","Glob","Bash"] |
This orchestrator skill diagnoses generic design patterns and applies targeted aesthetic upgrades across five design dimensions. Fixes are tech-agnostic (principles) but reference framework-specific implementation skills.
The 5 Dimensions:
It looks like a template ā See ./sub-skills/audit.md
Font choices feel default ā See ./sub-skills/typography-fixes.md
Color palette is predictable ā See ./sub-skills/color-fixes.md
Everything's static and boring ā See ./sub-skills/motion-fixes.md
Layout is centered and uniform ā See ./sub-skills/spatial-fixes.md
Backgrounds are flat/plain ā See ./sub-skills/background-fixes.md
Identify generic elements, score anti-patterns, assess brand context
ā See ./sub-skills/audit.md
Understand emotional intent, target audience, competitive differentiation
ā See specific sub-skills below
Document improvements, measure impact, establish design guidelines
Typography
Color
Layout
Motion
Background
| Sub-Skill | Purpose | Lines |
|---|---|---|
audit.md | Design audit checklist and scoring | ~100 |
typography-fixes.md | Font replacement, weight hierarchy, size jumps | ~100 |
color-fixes.md | Palette overhaul, CSS variables, accent strategy | ~100 |
motion-fixes.md | Orchestrated animations, scroll triggers, hover | ~100 |
spatial-fixes.md | Break centered layout, asymmetry, spacing | ~100 |
background-fixes.md | Gradients, patterns, textures, depth | ~100 |
ā Design audit reveals generic patterns or lack of differentiation ā Existing design feels "AI-generated" or template-like ā Need to upgrade without complete redesign ā Applying brand personality to standardized UI ā Want to improve motion, hierarchy, or visual depth ā Building stronger design system foundations
./sub-skills/audit.md