ui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
Directs the AI agent through a five-step design loop: plan with the ui-ux-pro-max search tool, commit to one aesthetic, build with tokens, visually verify in a real browser, and run an automated design review before finishing.
All Skills in This Repository (13)
Pure Emerald Level Indicatorsui-ux-pro-max
Generate design systems with color palettes, font pairings, and UX guidelines.
ckm:design
Generate brand identities, design tokens, and UI styles with Tailwind CSS.
ckm:banner-design
Generate multi-format banners for social media, ads, websites, and print.
ckm:ui-styling
Build responsive UI with shadcn/ui components and Tailwind CSS styling.
ckm:brand
Manage brand voice, visual identity, and asset compliance through structured guidelines.
ckm:slides
Generates strategic HTML presentations with Chart.js data visualization and customizable templates.
ckm:design-system
Manage design token architecture and generate brand-compliant slides with Chart.js.
design
Generate logos, CIP mockups, SVG icons, banners, slides, and social media images with Gemini AI.
banner-design
Design and export multi-format banners for social media, ads, web heroes, and print.
ui-styling
Build accessible user interfaces with shadcn/ui components and Tailwind CSS utility styling.
brand
Manage brand voice, visual identity, and asset compliance with validation scripts.
slides
Create strategic HTML presentations with Chart.js charts, design tokens, and copywriting formulas.
Frequently Asked Questions
FAQPage SchemaHow to install UI UX Pro Max?▼
Run `npx skills add nextlevelbuilder/ui-ux-pro-max-skill --all -g -y` in your terminal to install all skills in this suite globally.
What does UI UX Pro Max do?▼
It gives your AI agent a searchable design database covering styles, colors, fonts, UX rules, charts, and icons, plus generators for logos, banners, icons, and slide decks.
How to generate a design system with AI?▼
Ask your agent for a design system for your product, and it runs the search tool with --design-system to return a full pattern, palette, typography, and anti-pattern checklist.
Does it work with Claude Code and Cursor?▼
Yes. All skills follow the universal SKILL.md standard and run in Claude Code, Cursor, Windsurf, and other compatible AI coding assistants.
Which frameworks and stacks are supported?▼
It includes stack-specific guidance for 22 targets including React, Next.js, Vue, Svelte, Tailwind, shadcn, Flutter, SwiftUI, and React Native.
Related Repositories in Design & Creative
View All in Design & Creative→ui
Build and customize beautiful React component libraries with AI
open-design
Open-source AI design studio for decks, prototypes, images, and video
taste-skill
Make AI-built websites and apps look premium, not generic