ui-styling
A styling skill from the UI UX Pro Max repository for building accessible interfaces with shadcn/ui components and Tailwind CSS, plus canvas-based visuals such as posters.
What the skill teaches
A styling skill from the UI UX Pro Max repository for building accessible interfaces with shadcn/ui components and Tailwind CSS, plus canvas-based visuals such as posters. Its reference files cover the shadcn component catalogue (forms, navigation, overlays, data display), theming with CSS variables and dark mode, accessibility through Radix primitives, Tailwind customisation and a canvas design approach. Two bundled Python scripts add shadcn components with their dependencies and generate a Tailwind config with custom colours and fonts, refusing to overwrite a competing config unless forced. It includes example patterns such as a validated login form and a responsive grid with dark mode.
Capabilities
- Add shadcn/ui components with their dependencies
- Generate a Tailwind config with custom colours and fonts
- Set up theming and dark mode
- Design canvas-based posters and brand visuals
About
- Publisher
- nextlevelbuilder
- Tool
- Frontend design
Install
- Run this to add it to Any client:
npx ui-ux-pro-max-cli init --ai claude
What's inside
- LICENSE.txt
- canvas-fonts/ArsenalSC-OFL.txt
- canvas-fonts/ArsenalSC-Regular.ttf
- canvas-fonts/BigShoulders-Bold.ttf
- canvas-fonts/BigShoulders-OFL.txt
- canvas-fonts/BigShoulders-Regular.ttf
- canvas-fonts/Boldonse-OFL.txt
- canvas-fonts/Boldonse-Regular.ttf
- canvas-fonts/BricolageGrotesque-Bold.ttf
- canvas-fonts/BricolageGrotesque-OFL.txt
- canvas-fonts/BricolageGrotesque-Regular.ttf
- canvas-fonts/CrimsonPro-Bold.ttf
- canvas-fonts/CrimsonPro-Italic.ttf
- canvas-fonts/CrimsonPro-OFL.txt
- canvas-fonts/CrimsonPro-Regular.ttf
- canvas-fonts/DMMono-OFL.txt
- canvas-fonts/DMMono-Regular.ttf
- canvas-fonts/EricaOne-OFL.txt
- canvas-fonts/EricaOne-Regular.ttf
- canvas-fonts/GeistMono-Bold.ttf
- canvas-fonts/GeistMono-OFL.txt
- canvas-fonts/GeistMono-Regular.ttf
- canvas-fonts/Gloock-OFL.txt
- canvas-fonts/Gloock-Regular.ttf
- canvas-fonts/IBMPlexMono-Bold.ttf
MCP servers and skills can run code on your computer and act on your data. Review the source before installing.
This skill includes scripts that your agent may run.
Details
| Fact | Value | Source |
|---|---|---|
| Type | Skill | |
| Tool | Frontend design | |
| Publisher | nextlevelbuilder | source |
| Official status | Not stated in its documentation | |
| Needs an API key or sign-in | Not stated in its documentation | |
| Includes scripts | Yes | source |
| Platforms | Not stated in its documentation | |
| AI clients | Claude Code, Cursor, Codex, Gemini CLI, Devin Desktop | source |
| Licence | MIT | source |
| Pricing | Not stated in its documentation | |
| Activity | Last commit Nov 10, 2026148,022 GitHub starsDownload data not available (not on npm or PyPI) | source |
| Links | Repository Website |
Copies of this skill in other repositories (14)
These differ from this skill's text. They may be adapted copies or older versions.
- ui-stylingmrgoonie/claudekit-skills
- ui-stylingvodailocz/kilo-kit-mcp
- ui-stylingnicohodt/claude-code-ui-ux-skill
- ui-stylingnicohodt/claude-code-ui-ux-skill
- ui-stylingtamnguyendinh/anvien
- ui-stylingjdanigo/hydraia
- ui-stylingmhrsdev/ai-agent-skills-library
- ui-stylingmhrsdev/ai-agent-skills-library
- ui-stylingmhrsdev/ai-agent-skills-library
- ui-stylingekuboprotocol/wallet
- ui-stylinguserinner/skills
- ui-stylingdxkjuanjuan/ui-forge
- ui-stylingpetersonsenadevs/senzu
- ui-stylingjaximus808/tandem
More from nextlevelbuilder
6 skills
All 6 from nextlevelbuilder →Also listed under: Frontend design
Sources
- GitHub repositorygithub.com/nextlevelbuilder/ui-ux-pro-max-skill · Backs: AI clients, Publisher, Activity, LicenceNov 11, 2026
- Skill file (SKILL.md)github.com/nextlevelbuilder/ui-ux-pro-max-skill · Backs: Licence, Includes scriptsNov 10, 2026
- Folder in the repository (ui-styling)github.com/nextlevelbuilder/ui-ux-pro-max-skill · Backs: Includes scriptsNov 10, 2026