magic-ui-generator
Installation
SKILL.md
Magic UI Generator
Leverage Magic by 21st.dev to build modern, responsive UI components using an AI-native workflow that prioritizes choice and design excellence.
Context
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.).
When to Use
Trigger this skill whenever:
- A new UI component is requested (e.g., pricing tables, contact forms, hero sections).
- Enhancing an existing UI element with animations, better styling, or advanced features.
- Brainstorming different design directions for a specific feature.
- Professional logos or icons are needed (via the built-in SVGL integration).