Neobrutalism の MCP サーバーVS Code で
VS Code のエージェントモードは `type: "http"` でリモート MCP に対応します。ユーザーまたはワークスペースの mcp.json に Neobrutalism を追加すれば、Copilot がフルカタログを検索し、使うバックエンド向けの本物のブロックソースを開き、レジストリトークン入りのインストールコマンドを返します — サイトと CLI と同じデータ経路を、エディタ内だけで。
neobrutalism · VS Code
ホームページにヒーローを追加して
VS CodeviaMCP
Neobrutalism MCP でプロダクトに合うヒーローを見つけました。
チームを動かす
ひとつの場所で
計画・ドキュメント・締め切りを、必要な人とまとめて共有。
はじめるフルアクセス
1 プロンプトヒーロー納品
- MCP server
- Built for AI agents
- 12 tools
- 150+ Pro blocks
- 50+ components
- 3 backends
- Claude Code
- Cursor
- VS Code
- Any MCP client
- One URL, one token
- Prompt → shipped
コマンドひとつで
接続
サーバーをエディタに追加する
.vscode/mcp.json(またはユーザーレベルの mcp.json)
トークン入りの設定ファイルは共有リポジトリに置かないでください。プロジェクト単位よりユーザー単位の設定を使い、漏れたらダッシュボードでトークンをローテートしてください。
VS Code のセットアップ
FAQ
VS Code の Copilot エージェントモードに Neobrutalism MCP を接続 — mcp.json の http エントリ、ツールピッカー、トークン、Pro アクセス。
「MCP: Open User Configuration」を実行するか、ワークスペースに .vscode/mcp.json を作成します。`servers` に type が http の `neobrutalism` を追加し、トークン付きレジストリ URL を設定。保存後、プロンプトに従って信頼/起動し、Copilot Chat をエージェントモードで開いてツールピッカーを確認します。
ユーザー級(MCP: Open User Configuration)ならトークンが git に入らず、すべてのワークスペースで使えます。チーム共有のときだけワークスペース .vscode/mcp.json を使い、トークンは input 変数か env 参照にし、コミットしないでください。
Copilot Chat のエージェントモードで「what's in the neobrutalism registry?」と聞いてください。Copilot が get_registry_stats を呼びます。「MCP: List Servers」で `neobrutalism` を選び、実行中でツールが一覧されていることも確認できます。
エージェントモード(通常チャットではない)である必要があり、Configure Tools でツールが有効である必要があります。VS Code は同時に有効なツール数に上限があるため、neobrutalism が削られたら未使用の MCP サーバーをオフにしてください。モデルが迷うときはプロンプトに「neobrutalism」やツール名を入れてください。
「MCP: List Servers」→ `neobrutalism` → Show Output、または Chat のエラー表示を開きます。401 はトークン不良、403 は Pro 未加入です。URL を直したら、mcp.json の code lens か List Servers からサーバーを再起動してください。
はい。Neobrutalism アカウントが Pro のときだけ、Copilot エージェントモードで Pro ブロック用ツールが解放されます。トークンなし → 401、Pro なしのトークン → 403。アップグレード後は mcp.json の同じ URL のままで、次のツール呼び出しから反映されます。
Dashboard → Account — Pro の shadcn CLI インストールと同じレジストリトークンです。`url` のクエリ文字列(または VS Code が解決する input / env 変数)に貼ってください。
トークンはレジストリ読み取りのみで、ローテーションできます。ユーザー級設定か input/env ベースの値を使い、ワークスペース mcp.json を秘密なしで共有できるようにしてください。本物のトークンをコミットしないでください。
Team / Org の Pro シートには各自のトークンがあります。トークンを input 変数にしたワークスペース mcp.json を共有するか、各自がユーザープロファイルに自分のシークレットでサーバーを追加してください。
ライブのコンポーネント / Pro ブロックカタログの検索、Base UI / Radix / React Aria の実ソース確認、プレビュー URL、トークン付き `shadcn add` コマンドの生成 — サイトと CLI と同じレジストリをエディタ内で使えます。
ギャラリー/ローカルの MCP サーバーの多くは別プロセスで動き、無料の公開コンポーネントに限られることが多いです。Neobrutalism MCP はリモート HTTP の MCP サーバーで、Pro ブロックソース、インストールコマンド、プレビュー、統計を提供し、自分で更新し続けるローカルプロセスも不要です。
はい。ブロックを依頼するとエージェントが get_install_command を呼び、トークン埋め込みの `shadcn add` を返します。統合ターミナルで実行すれば、バックエンド向けにブロックと依存関係が入ります。
VS Code が MCP サーバー設定をエージェントに渡す場所なら動作します。ユーザープロファイルとワークスペースの mcp.json サーバーは Copilot エージェントチャットで利用できます。ホストが対話的な input シークレットを扱えない場合は、その環境向けに解決済み URL か env ベースのトークンを使ってください。
使っているバックエンドを指定してください(デフォルトは Base UI)。返却前にそのバックエンドへフラット化され、通常の shadcn インストールと同じになります。