What problem does it solve?
This skill helps teams and developers transform generic or AI-styled interfaces into polished, high-end designs without rewriting the project. It audits existing code and styles, identifies weak patterns and missing states, and prescribes targeted, non-breaking improvements that preserve functionality and the current tech stack.
Core Features & Use Cases
- Codebase scan and framework detection: Identify frontend framework and styling method (Tailwind, vanilla CSS, styled-components, etc.) and locate style entrypoints.
- Comprehensive design audit: Evaluate typography, color and surfaces, layout, interactivity, content realism, component patterns, iconography, and code quality to produce an actionable checklist.
- Non-destructive fixes and upgrade techniques: Provide prioritized, incremental changes such as font swaps, palette cleanup, hover and focus states, layout and spacing refinements, and surface effects that integrate with the existing system.
- Practical rules and guardrails: Validate dependency changes, respect framework versions, run small focused edits, and test after each change to avoid regressions.
- Use cases: Elevating a marketing site to a visual brand system, modernizing a SaaS dashboard for clarity and hierarchy, or improving accessibility and responsive behavior for an older frontend.
Quick Start
Request an audit of the repository and apply a prioritized, non-breaking list of UI and UX improvements that keep the current framework and styling intact.
