CldKit
홈탐색RECIPES제출CLIAI 큐레이터로그인
로그인
CldKit
탐색Recipes제출CLI·소개개인정보약관

AI 개발자를 위해 만들었습니다. 모든 components 를 검토합니다.

© 2026 CldKit

언어
홈>탐색>21st.dev Magic MCP

21st.dev Magic MCP

76/100
MCP Server
작성자 21st.dev@21st-dev
ISC (npm package)

Frontend generation MCP server for creating UI components and app interfaces from prompts inside AI IDEs and coding agents.

소스

리뷰 점수

보안24/35유지보수28/35사용성24/30
보안24/35
유지보수28/35
사용성24/30
근거:
medium
May 1, 2026 리뷰
드리프트

리뷰 버전

main@2026-05-01

최신 버전

0.0.29(드리프트)

신선도

리뷰 버전은 main@2026-05-01; 최신 버전은 0.0.29.

점수는 리뷰된 버전을 반영하며 업데이트에 따라 바뀔 수 있습니다.

보안 감사 - 2건

May 1, 2026 감사
api-key-required
code-generation

실측 검증

⚠ 설정 필요 @0.0.29Jun 13, 2026
$ cldkit mcp-test magic-mcp
install command contains placeholder arguments (install <client> --api-key <key>); the server needs user-specific config to start

설치 전에 필요한 자격 증명을 준비하세요 — 설정 없이는 실행되지 않습니다.

개요

사용할 때

사용하지 않을 때

설정

Claude Desktop config에 추가:

npx @21st-dev/cli@latest install <client> --api-key <key>

문제 해결

장면

태그

Recipes 에서 사용

  • Frontend AI Design Studio(Generates frontend components through MCP)
MCP Server

Claude에 추가

npx @21st-dev/cli@latest install <client> --api-key <key>

CldKit CLI

cldkit install magic-mcp
cldkit info magic-mcp

CLI 설치: npm i -g @cldkit/cli

버전

0.0.29

스타

4,821

라이선스

ISC (npm package)

호환성

cursor
windsurf
vscode
claude-code

링크

GitHub 소스@21st-dev
frontend
design
code
mcp
frontend
ui-generation
components
design
리뷰 버전은 vmain@2026-05-01, 최신 버전은 v0.0.29입니다. 점수가 현재 버전을 반영하지 않을 수 있습니다.