コンテンツへスキップ

AI エージェントに、Neobrutalism MCP サーバーを

エディタにヒーローセクションでも、料金テーブルでも、ランディングページ丸ごとでも頼んでみてください。MCP サーバーはエージェントに本物を手渡します — すべてのコンポーネント、すべての Pro ブロック、ライブプレビュー、そしてレジストリトークン入りのインストールコマンドまで。URL ひとつで、ネオブルータリズムの UI はひとりでに出来上がります。

neobrutalism · MCP

Add pricing to the landing page

AgentviaMCP

Found a Pro block — installing it now.

Pro

$49/mo

  • 150+ blocks
  • Templates + MCP
Get started
Shell command: npx shadcn add pricing-table…
接続済み · Pro
  • 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

エージェント はファーストパーティのレジストリで加速する

汎用のスクレイピングでは、エージェントに古いドキュメントと推測混じりの props しか与えられません。MCP サーバーは、このサイト自身がレンダリングしているのと同じ信頼できる情報源から答えます — 本物のレジストリアイテム、本物のブロックインデックス、本物のインストール URL です。

01

カタログ全体

すべてのコンポーネント(Base UI・Radix・React Aria — LTR と RTL)とすべての Pro ブロックを、名前・タイトル・説明で検索できます。統計、カテゴリ、アイテムごとのメタデータもツール呼び出しひとつで手に入ります。

02

本物のソースを、フラット化して

ブロックのソースは、選んだバックエンドにフラット化され、npm 依存関係とレジストリ依存関係が解決済みの状態で届きます — shadcn CLI がインストールするものそのままを、エディタを離れずに確認できます。

03

そのまま実行できるインストールコマンド

get_install_command は、レジストリトークンが埋め込み済みの shadcn add コマンドを返します。エージェントがターミナルに貼り付ければ、ブロックがプロジェクトに追加されます。

12 のツール、 当て推量はゼロ

探索は軽く、ソース取得は必要なときだけ — エージェントが身軽にブラウズし、採用すると決めたコードにだけトークンを使うよう、ツール構成が設計されています。

  • search_items

    すべてのコンポーネントとブロックを名前・タイトル・説明で検索します。

  • list_components

    すべての無料コンポーネントを、タイトル・説明・ドキュメント URL 付きで一覧します。

  • list_block_categories

    すべての Pro ブロックカテゴリを件数付きで一覧します。

  • list_blocks_in_category

    ひとつのカテゴリ内のブロックを、ページとプレビューの URL 付きで返します。

  • get_component

    コンポーネントのメタデータ — 依存関係とファイルパスのみで、ソースは含みません。

  • get_component_source

    Base UI・Radix・React Aria いずれかのコンポーネントソース全文。

  • get_block

    ブロックの詳細なメタデータ — 紹介文、使用コンポーネント、FAQ、プレビュー画像。

  • get_block_source

    選んだバックエンドにフラット化された、インストール可能なブロックソース。

  • get_install_command

    トークン込みで、すぐ実行できる shadcn add コマンド。

  • get_preview_url

    ドキュメントページと、余計な UI のないライブプレビューの URL。

  • get_registry_stats

    レジストリ全体のトップレベルの件数。

  • whoami

    認証中のアカウントと Pro ステータスを確認します。

コマンドひとつで 接続

サーバーは streamable HTTP で通信します — ローカルプロセスも、更新し続ける npm パッケージも不要です。エディタを URL に向けて、レジストリトークンで認証するだけです。

レジストリトークンを取得する

各アカウントには個人用のレジストリトークンがあります — shadcn CLI 経由の Pro ブロックインストールを認証するのと同じトークンです。ダッシュボードからコピーしてください。

ダッシュボード → アカウント

サーバーをエディタに追加する

お使いのエディタ向けスニペットの YOUR_TOKEN を置き換えてください。トークンは URL に含まれるため、追加のヘッダーや環境変数は不要です。

Claude CodeClaude Codeターミナルで聞くだけ — Claude が本物のブロックを見つけてインストール。CursorCursorComposer がカタログから本物の UI を取り込む — フローを崩さずに。VS CodeVS CodeCopilot エージェントモードが必要なときにコンポーネントと Pro ブロックを取得。ZedZedZed のエージェントがブロックを見つけ、すぐ使える UI を差し込む。WindsurfWindsurfCascade が適切なブロックを選び、インストールコマンドを渡す。JetBrainsJetBrainsAI Assistant が IntelliJ、WebStorm などからカタログを閲覧。Claude DesktopClaude DesktopClaude とチャット — レジストリから本物の UI を見つけて届ける。OpenAI CodexOpenAI CodexCodex がカタログを照会し、CLI または IDE から UI をインストール。OpenCodeOpenCodeOpenCode がライブレジストリと通信 — ローカル MCP プロセス不要。ClineClineVS Code 内で Cline がリモート MCP URL 経由で Pro ブロックにアクセス。Roo CodeRoo CodeRoo の Streamable HTTP — エージェントを離れずにカタログツール。Kilo CodeKilo CodeKilo のエージェント設定 — リモート MCP、グローバルまたはプロジェクトの kilo.jsonc。KiroKiroKiro の MCP Servers リストに Neobrutalism を追加して質問を開始。Google AntigravityGoogle AntigravityGoogle Antigravity の serverUrl フィールド — ホスト済み Neobrutalism、URL にトークン。TraeTraeTrae の Add MCP manually フロー — 標準 JSON、リモート URL。ChatGPTChatGPTChatGPT の Developer Mode アプリ — レジストリ URL を貼ってチャット。

リストにないエディタでも、streamable HTTP を話せる MCP クライアントならどれでも動きます — 同じ URL を指定してください。

Pro 機能 — トークンでゲート

MCP エンドポイントは、提供するブロックと同じく Pro 専用です。有効なトークンのないリクエストは 401、有効なトークンでも Pro プランがなければアップグレードリンク付きの 403 になります。アップグレードは即座に反映され、新しいトークンは不要です。

エージェントにデザインシステム全体を

Pro は MCP サーバー、すべてのブロック、全テンプレート、Figma キットをアンロックします — ライセンスひとつで、以後のリリースもすべて含まれます。

MCP サーバー
FAQ

このページの Pro MCP エンドポイントについて — 何を提供するか、トークンの仕組み、無料の CLI セットアップとの違い。

まだ気になることが?[email protected]