What problem does it solve?
This skill fixes generic, template-like, or visually inconsistent web app interfaces by applying deliberate hierarchy, spacing, composition, color, typography, and interaction design principles.
Core Features & Use Cases
- Visual Hierarchy: Establishes clear focal points through size, weight, contrast, and spacing.
- AI Slop Remediation: Identifies and fixes excessive borders, card overload, rainbow colors, generic spacing, centered layouts, rounded corners, gratuitous shadows, and inconsistent alignment.
- Premium Design Patterns: Applies transferable techniques inspired by high-quality products such as Stripe, Linear, Vercel, Notion, and Mercury.
- Use Case: When a SaaS dashboard feels like an AI-generated template, use this skill to simplify its palette, improve information density, strengthen typography, and create a consistent layout system.
Quick Start
Use the beautify skill to audit the attached app interface and directly improve its visual hierarchy, spacing, colors, typography, and component consistency.