Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →

magicuidesign/magicui

1 skill · 447 installs · 21.5k stars · GitHub

Install

npx skills add https://github.com/magicuidesign/magicui

Skills in this repo

1Magic UiMagic UI is an agent skill for selecting, installing, and integrating Magic UI components into React and Next.js projects that already use Tailwind CSS and shadcn. It starts by defining the UI outcome: section type, tone, motion intensity, and responsive behavior, then confirms shadcn is initialized before running npx shadcn@latest add @magicui/<component-slug>. Components land under the project alias path, typically @/components/ui/<component-slug>, and the skill prefers prop and className customization over rewriting internals. Reference docs load on demand for component catalogs and section recipes, while heuristics map use cases to marquee and avatar-circles for social proof, globe and warp-background for hero impact, blur-fade and text-animate for typography motion, and shiny-button variants for CTAs. Quality checks cover semantic HTML, keyboard access, mobile overflow, performance from animation stacking, and maintainability against existing conventions. Troubleshooting paths address components.json init errors, @/ alias mismatches, missing global CSS keyframes, and undeclared package dependencies listed in manual install steps.447installs

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.