← 전체 플러그인

Magic MCP

MGC
입문자 친화
설치 검증됨
GitHub

Magic MCP는 21st.dev가 제공하는 AI UI 컴포넌트 생성 서버예요. /ui 커맨드로 자연어를 입력하면 21st.dev 컴포넌트 라이브러리에서 적합한 UI 컴포넌트를 생성하거나 추천해줘요. React/Next.js 프로젝트에서 버튼, 카드, 모달 같은 UI를 빠르게 만들 때 유용해요. TWENTY_FIRST_API_KEY가 필요하며 21st.dev Magic Console에서 발급받을 수 있어요. shadcn-mcp와 보완 관계 — shadcn은 기존 컴포넌트 라이브러리 접근, magic은 AI 기반 생성이에요.

주요 기능
자연어 UI 컴포넌트 생성 (/ui 커맨드)21st.dev 컴포넌트 라이브러리 접근React/Next.js 프로젝트 지원즉시 사용 가능한 코드 출력
설치 방법
- TWENTY_FIRST_API_KEY (21st.dev Magic Console에서 발급)
npx @21st-dev/cli@latest install claude --api-key <key>
키워드
ai uiui 생성컴포넌트 생성ai componentmagic21st자동 ui프론트엔드 생성react 컴포넌트generate생성frontendui
관련 플러그인
플러그인을 제안할 수 있어요

카탈로그에 아직 없는 유용한 Claude Code 플러그인을 알고 있다면 검토 큐로 제안해 주세요.

의견을 알려주세요

만족도