What Is ui-ux-pro-max-skill?
ui-ux-pro-max-skill is a professional UI/UX design intelligence skill for AI coding agents. It covers the full cross-platform design spectrum — React, Next.js, Vue/Nuxt for web; Flutter, SwiftUI, React Native for mobile — with an AI design system generator that produces consistent component systems from a single design brief.
Supported Platforms: Web and Mobile
React & Next.js
Component architecture following React best practices: composition over inheritance, proper hook usage, performance-aware rendering. Next.js-specific patterns for App Router, Server Components, and data fetching.
Vue & Nuxt
Vue 3 Composition API patterns, Nuxt 3 conventions, and the Nuxt UI component ecosystem.
Tailwind + ShadCN
Native support for the Tailwind/ShadCN component stack. Design system tokens map to Tailwind config; components follow ShadCN conventions.
Flutter
Material 3 and custom design systems, responsive layouts for multiple screen sizes, platform-adaptive components.
SwiftUI
iOS 17+ design patterns, system-native components, accessibility support, dynamic type.
React Native
Cross-platform components, platform-specific styling, Expo compatibility.
Jetpack Compose
Material You implementation, state management patterns, modifier composition.
AI Design System Generator
The design system generator takes a brief (brand personality, target audience, core use cases) and produces:
- Color token system (primary, secondary, semantic, surface, on-surface)
- Typography scale (typeface selection, size scale, line heights, weights)
- Spacing system (base unit, scale, component-level tokens)
- Component library specification (cards, buttons, forms, navigation, data display)
- Usage guidelines and anti-patterns
How to Install ui-ux-pro-max-skill?
npx skills add nextlevelbuilder/ui-ux-pro-max-skill Or download from GitHub https://github.com/nextlevelbuilder/ui-ux-pro-max-skill