ui
Build and customize beautiful React component libraries with AI
All Skills in This Repository (2)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install shadcn/ui skills?â–¼
Run `npx skills add shadcn-ui/ui --all -g -y` in your terminal to install all skills in this suite globally.
How to add shadcn components with AI?â–¼
Ask your AI agent to add a component by name, and it runs the shadcn CLI to search registries, fetch docs, and install the correct source files into your project.
How to migrate from Radix UI to Base UI?â–¼
The migration skill converts components one at a time or project-wide, rewriting props, imports, and class names while keeping your project buildable after every step.
Does shadcn/ui work with Claude Code and Cursor?â–¼
Yes. The skills follow the universal SKILL.md standard and include an MCP server, so they run in Claude Code, Cursor, Codex, and other AI coding tools.
Can I restyle my whole shadcn project at once?â–¼
Yes. Your agent can apply preset codes to switch themes, fonts, and styles across the project, with options to overwrite, merge, or update only selected parts.
Related Repositories in Design & Creative
View All in Design & Creative→
nextlevelbuilderui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
nexu-ioopen-design
Open-source AI design studio for decks, prototypes, images, and video
Leonxlnxtaste-skill
Make AI-built websites and apps look premium, not generic