What problem does it solve?
This Skill helps you design and review UI/UX so interfaces look professional, stay consistent, and feel great on both web and mobile.
Core Features & Use Cases
- Design intelligence for UI structure and visual decisions: selects styles, color palettes, typography, and interaction patterns for landing pages, dashboards, admin panels, e-commerce, SaaS, portfolios, blogs, and mobile apps.
- Accessibility-first UX rule application: enforces contrast, focus states, keyboard navigation, labels/ARIA, and reduced-motion compliance to improve usability and meet WCAG-style expectations.
- Component and interaction guidance across modern stacks: supports React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS with practical rules for buttons, modals, navigation, forms, tables, charts, and responsive layouts.
Quick Start
Use this skill to review or implement a UI change by asking: "Review my UI for accessibility, responsive layout, and visual consistency, then recommend exact improvements for button, form, and navigation patterns."