Guide: Connecting 21st.dev Magic to Cursor and Claude Desktop
The 21st.dev Magic MCP server is used to: Create crafted UI components inspired by the best 21st.dev design engineers. Instead of manually writing configuration files, use the generator on the right.
AI Skills (Prompt Recipes)
Copy these prompts and send them to Claude/Cursor after connecting the tool to activate the skills:
Prompts for this server will be added soon.
Common Troubleshooting Issues:
- Missing commas in
claude_desktop_config.json, which crashes the entire client. - Incorrect slash escaping in Windows paths (use
\\\\instead of\\). - Incorrect arguments syntax in the JSON array.
Fill in the fields below to generate the JSON config, CLI command, or schema for AI agents.
claude_desktop_config.json
Terminal / Console
Tool JSON Schema for OpenAI/CrewAI
LangChain Python Tool