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 です。スコアは現行バージョンを反映していない可能性があります。