What problem does it solve?
UI/UX reviews and implementation decisions often get stuck on inconsistent styles, accessibility gaps, and unclear interaction patterns, slowing product delivery and lowering quality.
Core Features & Use Cases
- Design intelligence for UI patterns: Provides recommended page/pattern structure for websites, dashboards, landing pages, and admin/e-commerce experiences.
- Accessibility-first guidance: Covers contrast targets, focus states, keyboard navigation, ARIA labeling, and form labeling.
- Style, color, and typography systemization: Recommends styles, palettes, font pairings, and chart/visual guidance across multiple stack contexts.
- Stack-aware implementation direction: Produces recommendations aligned to html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and shadcn/ui via stack/domain searches.
Quick Start
Ask the skill for a complete design system by running: python3 .opencode/skills/ui-ux-pro-max/scripts/search.py "SaaS dashboard for fintech with dark mode, accessible charts" --design-system -p "Smartify Fintech Dashboard".