🎨
FrontendPython

UI/UX Pro Max

by nextlevelbuilder

UI/UX Pro Max is a Frontend skill for Claude Code, published by nextlevelbuilder in ui-ux-pro-max-skill.

116.2K stars12.5K forkson nextlevelbuilder/ui-ux-pro-max-skillAdded 2026/08/13Repository updated 2026/08/12
ai-skillsantigravityclaudeclaude-codecodexcommand-linecopilotcursor-aihtml5kirolanding-pagemobile-uiqoderreacttailwindcsstraeui-designuikitwindsurf-ai
Install in seconds
Install UI/UX Pro Max
Copy UI/UX Pro Max into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/main/.claude/skills/ui-ux-pro-max ~/.claude/skills/ui-ux-pro-max

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
.claude/skills/ui-ux-pro-max/SKILL.md in nextlevelbuilder/ui-ux-pro-max-skill
Installs to
~/.claude/skills/ui-ux-pro-max
Collection
One of 7 skills cataloged from this repository
Category
Frontend567 skills

What UI/UX Pro Max does

UI/UX Pro Max is a searchable UI/UX design database with 84 styles, 192 color palettes, 74 font pairings, 98 UX guidelines, and more across 22 stacks. Use it when designing, building, or reviewing UI for pages, components, color schemes, typography, layout, accessibility, animation, or data visualization.

UI/UX Pro Max is cataloged under Frontend on DirSkills. UI/UX Pro Max comes from a repository tagged ai-skills, antigravity, claude, claude-code and codex.

Documentation

README

UI/UX Pro Max - Design Intelligence

Searchable database of UI/UX design rules with priority-based recommendations: 84 styles, 192 color palettes, 74 font pairings, 192 product types with reasoning rules, 98 UX guidelines, 104 icon entries, 16 GSAP motion presets, and 25 chart types across 22 technology stacks.

When to Apply

Use this Skill when the task involves UI structure, visual design decisions, interaction patterns, or user experience quality control: designing new pages, creating/refactoring UI components, choosing color/typography/spacing/layout systems, reviewing UI for UX/accessibility/consistency, implementing navigation/animation/responsive behavior, or improving perceived quality and usability.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about UI/UX Pro Max

  • What else does nextlevelbuilder publish alongside UI/UX Pro Max?

    UI/UX Pro Max is one of 7 skills that DirSkills catalogs from nextlevelbuilder/ui-ux-pro-max-skill, the repository it ships in. Its siblings there include Banner Design, Brand and Design. Each one is a separate skill with its own page in this directory, installs the same way UI/UX Pro Max does, and is maintained by nextlevelbuilder in that same repository. The rest of the collection is listed on the nextlevelbuilder/ui-ux-pro-max-skill page.

  • How does UI/UX Pro Max compare to other Frontend skills?

    UI/UX Pro Max ranks #19 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of UI/UX Pro Max against them. Open each page to compare what they document and how they install.

More from nextlevelbuilder/ui-ux-pro-max-skill

UI/UX Pro Max is one of 7 skills cataloged on DirSkills from nextlevelbuilder/ui-ux-pro-max-skill.

See all 7 skills
🎨
3w ago

Banner Design

Banner Design creates banners for social media, ads, website heroes, creative assets, and print. It generates multiple art direction options with AI-generated visuals and exports PNGs at exact platform dimensions.
Frontend
116.2K12.5K
🎨
3w ago

Brand

Brand defines and enforces brand voice, visual identity, messaging frameworks, and asset consistency. Use it for tone of voice, style guides, brand compliance, design tokens, and asset management.
Frontend
116.2K12.5K
🎨
3w ago

Design

Design is a comprehensive design skill covering brand identity, design tokens, UI styling, logo generation, corporate identity programs, HTML presentations, banner design, icon design, and social media images. Use it to create logos, brand assets, banners, slides, icons, and social photos.
Frontend
116.2K12.5K
🎨
3w ago

Design System

Design System defines three-layer design tokens (primitive→semantic→component), component specifications, and slide generation workflows for brand-compliant presentations. Use it when creating CSS variable systems, design-to-code handoff, or generating strategic decks.
Frontend
116.2K12.5K
📊
3w ago

Slides

Slides creates strategic HTML presentations with Chart.js, design tokens, responsive layouts, and copywriting formulas. Use it for marketing presentations, pitch decks, and data-driven slides.
Frontend
116.2K12.5K
🎨
3w ago

UI Styling

UI Styling creates beautiful, accessible user interfaces with shadcn/ui components, Tailwind CSS utility-first styling, and canvas-based visual designs. Use it when building React interfaces, design systems, responsive layouts, or custom themes.
Frontend
116.2K12.5K