Help us improve
Share bugs, ideas, or general feedback.
From antigravity-awesome-skills
Generates multiple production-ready UI component variations using Magic by 21st.dev, compares options, and integrates selected code. For new components like pricing tables, hero sections in Next.js, Tailwind, TypeScript projects.
npx claudepluginhub sickn33/antigravity-awesome-skills --plugin antigravity-awesome-skillsHow this skill is triggered — by the user, by Claude, or both
Slash command
/antigravity-awesome-skills:magic-ui-generatorThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
---
Generates multiple production-ready UI component variations via 21st.dev Magic, letting you compare and integrate the best design. Useful for building modern, responsive UI with diverse styles.
Generates production-quality React and Next.js UI components and full pages using Tailwind CSS and Framer Motion for hero sections, SaaS dashboards, pricing pages, bento grids, forms, cards, and animated elements.
Guides technical evaluation of code review feedback: read fully, restate for understanding, verify against codebase, respond with reasoning or pushback before implementing.
Share bugs, ideas, or general feedback.
Leverage Magic by 21st.dev to build modern, responsive UI components using an AI-native workflow that prioritizes choice and design excellence.
This skill leverages Magic by 21st.dev to build modern, responsive UI components. Instead of generating a single standard solution, it focuses on providing multiple design variations to choose from, drawing inspiration from a curated library of real-world components and premium design patterns (Shadcn UI, Magic UI, Aceternity, etc.).
Trigger this skill whenever:
browser_subagent to explore 21st.dev/magic to generate several distinct, unconventional styles for the requested component.
lucide-react, framer-motion) are installed.