LibreAI / 開発ツール / magic-mcp
// devtools · 21st-dev/magic-mcp

magic-mcp

magic-mcpは、21st-devが公開しているオープンソースの開発ツールプロジェクトです(GitHub: 21st-dev/magic-mcp)。GitHubスターは5,963、フォークは469で、ISCライセンスの下で公開されています。GitHubでの最終更新は2026年9月9日です。

It's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/Tailwind components, generate new UI with AI, and publish your own — right fr…

★ 6.0k スター⑂ 469 フォークISC更新 2026年9月
▦ ビジュアル — このプロジェクトのREADMEには埋め込み可能なスクリーンショットがないため、
ここではプレースホルダーを表示しています。下のガイド自体は完全な内容です。
// プロジェクトの基本情報

プロジェクト基本情報

リポジトリ
21st-dev/magic-mcp
GitHubスター
5,963
フォーク
469
ライセンス
ISC
GitHubでの最終更新
2026年9月9日
カテゴリ
開発ツール
掲載タイプ
完全なインストールガイド
公式サイト
Official site
// 仕組み

仕組み

  1. Install it

    Package managers, install scripts, or app stores on every OS.

  2. Configure lightly

    Sane defaults work; dotfiles make it yours.

  3. Learn the keys

    A weekend of muscle memory pays off for years.

  4. Extend it

    Plugins and themes from huge community ecosystems.

// 機能

選ばれる理由

Modern web UI

A polished React interface makes the power approachable without touching code.

Model flexibility

Swap between frontier APIs and local models per task.

Terminal & IDE

Lives where you work: VS Code, JetBrains, Neovim, or plain terminal.

AI pair programming

Agentic coding assistants that plan, edit, and run commands.

Deeply customizable

Themes, plugins, and config for any workflow.

Blazing fast

Native code and smart design keep everything instant.

Advertisement
// 自分で実行

自分で実行してみる

  1. Step 1 — Clone the repo

    Download the source and move into the project folder.

    git clone https://github.com/21st-dev/magic-mcp.git
    cd magic-mcp
  2. Step 2 — Check the README

    Every project documents its own setup; start with install requirements.

    cat README.md | head -60
  3. Step 3 — Run it

    Follow the project's launch command — Docker, pip, npm, or a binary release.

    # see README for the exact launch command
// 活用例

作れるもの

Advertisement
// よくある質問

よくある質問

Who maintains magic-mcp?

It is an open-source project at 21st-dev/magic-mcp with 469 forks. Check the repo's contributors and recent commits to see how active maintenance is.

Is magic-mcp free for commercial use?

Licensed under ISC — check the repo for commercial-use terms.

Will it replace developers?

It multiplies them — best results come from developers directing and reviewing.

Which editor does it support?

VS Code and terminal are universal; check each tool for JetBrains/Neovim.

Is my code sent anywhere?

With local models, no. With APIs, check the provider's retention policy.

// さらに探索

似ているツール

開発ツール

tmuxai

AI-Powered, Non-Intrusive Terminal Assistant

★ 2.0k スターApache-2.0
ガイドを見る →
開発ツール

brooks-lint

AI code reviews grounded in 12 classic engineering books — decay risk diagnostics with book citations, severity labels, and 6 analysis modes including full-s…

★ 1.5k スターMIT
ガイドを見る →
開発ツール

context-engineering-intro

Context engineering is the new vibe coding - it's the way to actually make AI coding assistants work. Claude Code is the best for this so that's what this re…

★ 13.9k スターMIT
ガイドを見る →
開発ツール

abtop

Like htop, but for AI coding agents — watch Claude Code and Codex sessions in real time.

★ 3.7k スターMIT
ガイドを見る →
開発ツール

claude-context

Code-search MCP for Claude Code: make your entire codebase the context for any coding agent.

★ 12.6k スターMIT
ガイドを見る →
開発ツール

opcode

A desktop GUI and toolkit for Claude Code - agents, sessions, analytics and MCP

★ 22.4k スターAGPL-3.0
ガイドを見る →
// 代替候補

代替候補: 開発ツール

LibreAIカタログに掲載された開発ツールプロジェクトの中で最もスターの多いもの — magic-mcpが合わなかった場合に検討したい、現実的な候補リストです。

// さらに見る devtools

さらに見る: 開発ツール

カタログの中でmagic-mcpとスター数が近い開発ツールプロジェクト — 前後の棚もそのまま見て回れます。

magic-mcpを入手する

無料でオープン — ソースコードを入手して、リポジトリにスターを付け、作り始めましょう。