UI UX Pro MaxTop pick
UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design…
Design & UI
NextLevelBuilder145k
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
Install
Run this in your project folder. It works with Claude Code, Cursor, Codex and dozens of other agents.
$ npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-stylingNeeds Node.js. Add -g to install for every project, or -a claude-code to skip the agent picker.
How to use UI Styling
Once it's installed, Claude reads this skill on its own whenever a request matches what it's for, so you don't have to mention it by name. In Claude Code you can also run it directly by typing /ui-styling.
It includes scripts that Claude may run on your computer, so skim them on GitHub before you install.
What the instructions cover
- 1Reference
- 2When to Use This Skill
- 3Core Stack
- 4Script Paths
- 5Quick Start
- 6Component Library Guide
- 7Theme & Customization
- 8Accessibility Patterns
- 9Tailwind Utilities
- 10Responsive Design
- 11Tailwind Customization
- 12Visual Design System
Section headings from the skill's SKILL.md file.
What's inside · 16 files
- LICENSE.txt
- SKILL.md
- references/canvas-design-system.md
- references/shadcn-accessibility.md
- references/shadcn-components.md
- references/shadcn-theming.md
- references/tailwind-customization.md
- references/tailwind-responsive.md
- references/tailwind-utilities.md
- scripts/requirements.txt
- scripts/shadcn_add.py
- scripts/tailwind_config_gen.py
- scripts/tests/coverage-ui.json
- scripts/tests/requirements.txt
- scripts/tests/test_shadcn_add.py
- scripts/tests/test_tailwind_config_gen.py
More from NextLevelBuilder
See all →Banner Design
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional generated or supplied visuals. Actions: design…
Design & UINextLevelBuilder145k
Brand
Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style…
Design & UINextLevelBuilder145k
Design
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate identity program (50 deliverables…
Design & UINextLevelBuilder145k
More Claude skills for design
See all →Frontend DesignTop pick
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't…
Design & UI
Anthropic187k
Taste SkillTop pick
tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery sites (One Page Love, Awwwards Sites of the Day). Deals…
Design & UI
Leon110k
Impeccable
Use when the user wants to design, redesign, shape, critique, audit, polish, simplify, harden, animate, or otherwise improve a frontend interface: websites, landing pages…
Design & UI
Paul Bakaus103k
Algorithmic Art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic…
Design & UIAnthropic187k