What problem does it solve?
This Skill helps teams and developers transform bland, generic, or AI-template user interfaces into polished, high-quality designs without rewriting core application logic. It diagnoses common visual and interaction weaknesses across typography, color, layout, states, content, components, and code quality, and prescribes focused, non-destructive fixes that work with the existing tech stack.
Core Features & Use Cases
- Project scan and stack detection: Identify framework and styling approach (Tailwind, styled-components, vanilla CSS, etc.) and surface risky or generic patterns.
- Comprehensive design audit: Find and document problems in typography, color systems, layout, interactivity, content realism, component usage, iconography, and accessibility.
- Targeted upgrade plan: Prioritize low-risk, high-impact changes (font swap, color cleanup, hover/active states, layout constraints) and apply them incrementally without breaking functionality.
- Use case: Upgrade a marketing site using Tailwind to feel distinctive by swapping fonts, tightening typographic scale, desaturating accents, adding hover states and skeleton loaders, and keeping all changes reviewable as small commits.
Quick Start
Apply the redesign skill to audit the repository, list prioritized visual and interaction issues, and implement incremental CSS and markup changes that improve perception without altering functionality.
