Build polished websites with 21st.dev components.
Builds cohesive websites and web apps by discovering, selecting, and integrating components from 21st.dev.
When to use it
Use when the user explicitly requests 21st.dev components, websites built with them, or setup of its Magic MCP server; not for general web development.
Give it a website or component request explicitly involving 21st.dev; it creates or updates project files with selected components.
The optional Magic MCP configuration supplies the 21st.dev API key through the server's environment; ordinary component discovery and installation can proceed without MCP.
This skill
21st.dev
Browses live 21st.dev components
npx shadcn@latest
The latest shadcn installer
npx create-next-app@latest
The latest Next.js scaffolder