aesthetic-excellence
Aesthetic Excellence
Overview
Elevates visual design quality by applying proven principles of visual hierarchy, spacing, color theory, and typography to create aesthetically superior interfaces.
When to Use
- UI feels cluttered or unbalanced
- Visual hierarchy unclear
- Spacing feels inconsistent
- Colors lack harmony
- Typography needs improvement
- Design feels dated
- Need to elevate visual appeal
When NOT to Use
- Just changing colors (use
design-preset-systeminstead) - Full refactoring needed (use
ui-refactoring-workflowinstead) - Starting from scratch (use
design-system-foundationinstead)
More from apexscaleai/claude-ui-design-system
design-preset-system
Use when applying or switching design styles across UI components - provides preset design systems with tokens, patterns, and guidelines for different aesthetic approaches from timeless classics to bleeding-edge experimental styles
12design-system-foundation
Use when starting a new React Native or Next.js project to establish design system foundation - creates design tokens, folder structure, component architecture, and documentation scaffolding for consistent UI development
11ui-refactoring-workflow
Use when refactoring existing React Native, Next.js, or TypeScript UI code to apply modern design principles and aesthetic excellence - analyzes current implementation, applies design presets, maintains functionality while elevating visual quality
11