What problem does it solve?
This Skill upgrades existing websites and applications that suffer from generic, inconsistent, or AI-template design patterns by providing a disciplined audit and targeted visual improvements that do not break functionality. It focuses on improving typography, color systems, layout rhythm, interactive states, and component polish while respecting the project's current tech stack.
Core Features & Use Cases
- Design audit and diagnosis: Scan the codebase to identify framework, styling method, and specific weak patterns such as oversaturated accents, flat surfaces, or poor typographic scale.
- Non-destructive fixes: Recommend and implement focused improvements — font swaps, palette cleanup, hover/active states, layout constraints, and improved empty/loading/error states — without rewriting the stack.
- Upgrade techniques: Provide high-impact enhancements like refined typographic hierarchy, subtle textures, asymmetrical layouts, and motion upgrades for marketing pages, dashboards, and consumer apps.
- Use case: Take a Tailwind-based marketing site with bland defaults, produce a prioritized audit, and apply targeted CSS and markup edits to elevate visual quality while keeping all interactions intact.
Quick Start
Run a design audit on the project, list the top visual and interaction issues, and propose prioritized, non-breaking fixes that match the existing framework and styles.
