📋 Copy MCP Install CLI { } Inspect JSON API Ground-Truth Source ↗

⚡ 1-Click Agent & Developer Install

Zero Auth · Ready for Grok Bot, Claude Code & Cursor

### Server Architecture & Capability Summary **21St.Dev Magic MCP — Create crafted UI components inspired by the best 21st.dev design en** (`21st-dev-magic-mcp`) is a verified **STDIO** Model Context Protocol (MCP) server curated with **@nutlope** for Grok Bot, Claude Code, and Cursor. Create crafted UI components inspired by the best 21st.dev design engineers. ### 1-Click CLI Installation Run the command below to register `21st-dev-magic-mcp` in Claude Code or your MCP client: ```bash claude mcp add 21st-dev-magic-mcp -- npx -y github:21st-dev/magic-mcp ``` ### Standard `mcpServers` JSON Configuration (`.cursor/mcp.json` / `claude_desktop_config.json`) ```json { "mcpServers": { "21st-dev-magic-mcp": { "command": "npx", "args": [ "-y", "github:21st-dev/magic-mcp" ], "env": { "21ST_DEV_MAGIC_API_KEY": "your_scoped_api_token" } } } } ``` ### Exposed MCP Tools - `21st_dev_magic_list_resources` — Deterministic JSON-RPC 2.0 tool exposed by `21st-dev-magic-mcp`. - `21st_dev_magic_query_data` — Deterministic JSON-RPC 2.0 tool exposed by `21st-dev-magic-mcp`. - `21st_dev_magic_inspect_state` — Deterministic JSON-RPC 2.0 tool exposed by `21st-dev-magic-mcp`. - `21st_dev_magic_run_action` — Deterministic JSON-RPC 2.0 tool exposed by `21st-dev-magic-mcp`. ### Authentication & Environment Variables - **Transport Protocol:** `stdio` - **Auth Mechanism:** `api_key` - `21ST_DEV_MAGIC_API_KEY`: `your_scoped_api_token` - **Documentation / Source:** [https://github.com/21st-dev/magic-mcp](https://github.com/21st-dev/magic-mcp)

Tags: #21st-dev-magic-mcp#stdio#creative-video#mcp-server#21st-dev-magic-list-resources#21st-dev-magic-query-data

View All 44 Items by @nutlope →

template · ⚡ 80

1000x Product Engineer — Full-Stack TypeScript, React & Edge Builder

Ships end-to-end full-stack features across React, TanStack, Convex/Postgres, and Cloudflare Workers with strict TypeScript checks and Playwright tests.

mcp · ⚡ 88

Firecrawl Web Scraping, Crawl & Clean Markdown Extraction MCP

Turn any documentation site, competitor pricing page, or dynamic web app into clean, LLM-ready Markdown or structured JSON schemas via Firecrawl MCP.

template · ⚡ 84

Automated Playwright Feature Walkthrough Recorder

Executes a scripted user flow in headless Playwright against preview deployments to capture clean, cursor-highlighted WebM/MP4 product demos.