ui-ux-pro-max

Generate a complete UI/UX design system by describing the product type, style keywords, and target stack like html-tailwind or React. The skill outputs tailored color palettes, typography pairings, layout rules, and interaction guidelines to eliminate inconsistent visuals and slow design-to-development handoffs.

Ensure web accessibility in a design system by applying priority-driven checks for color contrast, focus states, semantic labels, and keyboard navigation. The skill provides an accessibility-first ruleset and pre-delivery checklist to prevent regressions across web and mobile projects.

Yes, this design system generator works with Next.js and shadcn, alongside html-tailwind, React, Vue, Svelte, SwiftUI, React Native, and Flutter. It provides stack-specific implementation best practices and actionable component guidance for each framework.

Yes, you can get typography pairings and accessible color palettes for a mobile app interface. The skill tailors style recommendations, layout rules, and interaction patterns to the specified product type and industry across supported mobile stacks like React Native and Flutter.

Review a landing page UI for production readiness by using the pre-delivery checklist and anti-pattern guidance. The skill provides concrete review items for interaction quality, accessible color contrast, and semantic structure to ensure polished, production-ready web interfaces.