Open-source AI design intelligence skill for Claude Code: UI styles, color palettes, font pairings, and UX guidelines in one searchable database.
What it does
UI UX Pro Max (v2.0) is an open-source AI skill for Claude Code and other agentic IDEs that wires a searchable design intelligence database directly into your coding workflow. It covers up to 67 UI styles, 161 color palettes, 57 font pairings, and 161 industry-specific reasoning rules across 17 tech
Design decisions are the last mile that most AI coding tools skip. UI UX Pro Max (v2.0) fills that gap by embedding a structured design database directly into the AI's context, so the model reasons about color, typography, and layout the same way it reasons about logic.
UI UX Pro Max is an AI skill (a structured prompt context layer) that wires a curated design intelligence database into Claude Code and compatible agentic IDEs. Per the GitHub README for v2.0, the database contains up to 67 UI styles, 161 color palettes, 57 font pairings, and 161 industry-specific reasoning rules. Note: the project website lists slightly different figures (57 styles, 95 palettes), so treat the README as the more current canonical source for v2.0 numbers.
When you describe a product in plain language, the skill runs five parallel searches across product type, style, color, landing patterns, and typography domains using BM25-ranked matching. The reasoning engine then applies 161 condition-based JSON rules, filters industry-specific anti-patterns, and outputs a complete design system: recommended layout pattern, color tokens, font pair, key effects, and a pre-delivery checklist. The whole pipeline resolves before a single line of code is written.
The 161 reasoning rules span verticals from Fintech and Healthcare to Web3 and Autonomous Drone Fleet. Each rule encodes a recommended landing pattern, color mood, typography personality, key interaction effects, and an explicit anti-pattern list (for example, banking UIs are flagged to avoid "AI purple/pink gradients"). The skill also supports platform-specific guidance for iOS HIG and Material Design.
The site and the README report different database sizes. The website lists 57 styles and 95 palettes; the README v2.0 lists 67 styles and 161 palettes. This is worth knowing if you are referencing specific counts in a design spec. The GitHub repository at github.com/nextlevelbuilder/ui-ux-pro-max-skill is the authoritative source.
If your AI coding workflow produces solid code but generic-looking interfaces, UI UX Pro Max is a direct fix: it injects design reasoning into the prompt context rather than asking you to translate a style guide manually. Run npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max to install and start getting opinionated, industry-matched design systems on your next prompt.
Features
Field notes
Reviewed Jun 26, 2026
Best for
Builder outcomes
Watch out
Tested with
UI UX Pro Max is an open-source AI skill for Claude Code and compatible agentic IDEs that embeds a searchable design intelligence database into the model's prompt context. Version 2.0, per the GitHub README, includes up to 67 UI styles, 161 color palettes, 57 font pairings, 99 UX guidelines, and 161 industry-specific reasoning rules across 17 tech stacks. It is built by the NextLevelBuilder team and licensed as open-source software. The website lists slightly different figures (57 styles, 95 palettes), so the GitHub README is the canonical reference for v2.0.
Install it with one npx command: `npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max`. The skill requires Python 3.x, as noted in the README. Once installed, describe your product in plain language inside Claude Code (or another supported IDE), and the skill's reasoning engine runs five parallel BM25-ranked searches across product type, style, color, landing patterns, and typography domains to return a complete design system before any code is generated.
Yes, UI UX Pro Max is free and open-source. The GitHub repository carries an open-source license, and the maintainer accepts voluntary PayPal donations; no paid tier or subscription is described in any of the project's sources. The npm CLI package is also publicly available.
It is best for developers building interfaces in specific verticals (SaaS, fintech, healthcare, e-commerce, wellness) who want the AI to produce design-informed code rather than generic output. The 161 industry-specific reasoning rules encode recommended layout patterns, color moods, typography personalities, and explicit anti-patterns per product type, so the output is contextually appropriate rather than generic. It is also strong for projects that need WCAG AA accessibility and responsive breakpoints baked into every generation run via the pre-delivery checklist.
A generic design prompt or pasted style guide puts the burden of interpretation on the model each time, with no structured ranking or filtering. UI UX Pro Max uses BM25-ranked multi-domain search and a JSON rules engine with 161 conditions to systematically match product type to style, palette, and typography, then actively filters anti-patterns for that industry. This means the model does not just receive design information but reasons over it with explicit priority rules, which produces more consistent and industry-appropriate results than ad-hoc prompting.
As of v2.0, the project's website and GitHub README report different database sizes (the site shows 57 styles and 95 palettes; the README shows 67 styles and 161 palettes), which creates ambiguity if you are citing specific counts in a spec. The skill requires Python 3.x, adding a runtime dependency. It is maintained by a small team with a voluntary donation model, so there is no commercial SLA or guaranteed update cadence. If your project already has a locked design system, the skill's opinionated recommendations may conflict with existing tokens and guidelines. The GitHub repository at `github.com/nextlevelbuilder/ui-ux-pro-max-skill` is the authoritative source for the most current figure
Vaibhav Sisinty@vaibhavsisinty
“UI/UX Pro Max Skill Solves a real gap: Claude Code writes good logic but mediocre interfaces. This skill gives it design intelligence, better layouts, better spacing, better UI decisions. If you build anything user-facing with Claude, insta…”
Mohammed Alghafli👨🏻💻@xr3g99
“ثريد بسيط لطريقة تنزيل Skills في Claude العادي وطريقة استخدام أي مهارة في Claude Code الشرح بيكون على GitHub ف الخطوة الاولى تروحوا على ملف Claude/skill وموضح ف الصورة الاولى بعدها تطلع لكم ٧ ملفات ومنها الملف الاساسي UI-UX-PRO-MAX داخل كل…”
Mohammed Alghafli👨🏻💻@xr3g99
“وش أحلى من أن يكون ملخص Portfolio حقك عن طريق داشبورد؟😎🔥 غيرت تصميم الموقع بالكامل من مهارة UI-UX-PRO-MAX في Claude وحالياً هي من المهارات المشهورة والنتيجة زي مانتوا شايفين نفذ لي طلبي للداشبورد والالوان فقط وباقي التصميم والعناصر باستخد…”
0xAIGOAT.exe@0xaigoatexe
“THE CLAUDE CODE DESIGN STACK MOST PEOPLE STILL HAVEN'T HEARD OF pause at 0:32 - full toolchain on-screen: Install Claude, UI UX Pro Max, 21st .dev, Framer Motion. The article below is the Base44 path. No terminal, 15 minutes, coffee shop si…”
sitin@sitinme
“最近用了一个叫 UI UX Pro Max 的 Claude Code Skill,装完之后体验和之前完全不一样了。 说一句"帮我做个 SaaS 落地页",它不会直接写代码,而是先根据产品类型自动推理该用什么风格、配什么色、选什么字体、页面怎么排,然后再动手。 数据量挺猛的:161 条行业推理规则、67 种 UI 风格、161”
Claude/Codex/Cursor skill from the Tailwind CSS team that upgrades AI-generated UI from generic to designer-quality, in any existing project.
Best for Teams using Claude Code or Codex to ship UI who want output that looks senior-designer reviewed, not AI-interpolatedAgent skills for UI builders, by the creators of Tailwind CSS and Refactoring UI, wires into Claude Code, Cursor, and Codex to ship interfaces that look designed, not generated.
Best for Teams using coding agents for frontend work who want output that reflects senior design judgment, not generic AI defaultsui.sh Brand Kit skill: generate a visual brand direction board with site mockups, typography, and color from a single prompt, for Codex-powered coding agents.
Best for Teams starting a new product who want a coding agent to build UI with a coherent visual identity from day oneA design skill for Claude Code, Cursor, and Codex that blocks AI visual clichés and generates structurally distinct, non-template UI, for builders and designers.
Best for Builders using Claude Code, Cursor, or Codex who want AI-generated UIs that avoid recognizable LLM visual fingerprintsui.sh Ideas skill for AI coding agents: generate and compare multiple UI design directions in the browser before committing to one.
Best for Teams that want to explore multiple UI directions before committing any design to the codebaseAgent skill for adding thoughtfully designed dark mode to existing UIs, balances contrast across text, surfaces, borders, and images for Claude Code, Cursor, Codex, and more.
Best for Teams with a finished light-mode UI who want dark mode that looks designed rather than auto-inverted