mcpField
N
Neural Draft

Neural Draft

ローカル
neuraldraft.ioビジネス・マーケティング02 週間前に更新

Neural Draft について

`@neuraldraft/mcp`は、Neural Draftでサイトを構築する開発者や代理店向けのstdio MCPサーバーです。コーディングアシスタントを、ワークスペースごとのブランド情報、コンテンツ、ページ、ギャラリー、予約、ショップのデータに接続し、顧客ワークスペースを切り替えられます。

主な機能

  1. 01ブランド設定の読み取りと更新
  2. 02ページと編集可能なコンテンツキーの作成
  3. 03画像とギャラリーの管理
  4. 04予約可能なサービスの設定
  5. 05ブログ、商品、フォームデータの取得
  6. 06顧客ワークスペースの切り替え

活用シーン

  1. 01ワークスペースのブランド情報を使ったサイト構築
  2. 02編集可能なページコンテンツの登録
  3. 03ギャラリーと予約サービスの設定
  4. 04複数の代理店顧客の作業

MCP 対応

Neural Draftのワークスペース用ツール、リソース、プロンプトをstdioで公開し、ワークスペースごとのAPIキーを使用します。Neural Draftには、Streamable HTTPによる別のホスト型リモートMCPサーバーもあります。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"vbalagovic-neuraldraft": {
"command": "npx",
"args": [
"-y",
"@neuraldraft/mcp"
],
"env": {
"NEURALDRAFT_API_KEY": "<NEURALDRAFT_API_KEY>",
"NEURALDRAFT_API_URL": "<NEURALDRAFT_API_URL>",
"NEURALDRAFT_PROJECT_ID": "<NEURALDRAFT_PROJECT_ID>",
"NEURALDRAFT_DISPLAY_NAME": "<NEURALDRAFT_DISPLAY_NAME>"
}
}
}
}
起動コマンドnpx -y @neuraldraft/mcp
設定が必要な環境変数
NEURALDRAFT_API_KEYシークレットProject API key from your Neural Draft dashboard. Format: ndsk_live_… (production) or ndsk_test_… (test mode). Get one at https://neuraldraft.io/dashboard/api-keys.
NEURALDRAFT_API_URLOverride the API base URL. Defaults to https://api.neuraldraft.io/v1. Useful for staging or local dev.
NEURALDRAFT_PROJECT_IDOptional project override when one API key spans multiple projects.
NEURALDRAFT_DISPLAY_NAMEOptional friendly server name shown in your IDE's MCP list (useful when you run multiple Neural Draft projects in parallel).

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@neuraldraft/mcp0.4.2

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

Neural Draft MCP サーバー(@neuraldraft/mcp)

AI で構築するサイトのバックエンドです。CMS、ブログ、予約、フォーム、ショップ、ソーシャル機能を備え、クライアントごとにデータベースを用意します。コーディングアシスタントがサイトの構築中に CMS を設定し、クライアントはウェブエディターまたは Claude を使って編集できます。

npm version npm downloads MCP Registry License: MIT Docs

@neuraldraft/mcp は、Neural Draft 用の Model Context Protocol サーバー(stdio、MIT)です。ワークスペース API キーを使って Claude Code、Cursor、Codex、または VS Code に追加すると、アシスタントはクライアントのサイトを構築しながら、次のことができます。

  • コードを一行書く前に、ブランド(トーン、対象ユーザー、色、フォント、言語)を読み取ります。
  • SEO メタデータ付きのページを作成し、編集可能なコンテンツキーとコンポーネントを登録します。クライアントはあなたに頼らず、Neural Draft エディターでテキストや画像を変更できます。
  • 独自のデザインで、ホストされているサイトにページやサブページを追加し、メニューリンクを設定します。
  • 予約可能なサービス、ギャラリー、ブログの下書きを設定し、商品、フォーム送信、ニュースレター登録を読み取ります。
  • 1 つのサーバーから複数のクライアントワークスペースを操作します(代理店向け)。

各クライアントは、それぞれ専用の Postgres データベース、API キー、チームを持つ独立した Neural Draft ワークスペースです。キーでアクセスできるのは、そのキーが属するワークスペースだけです。

MCP 経由で Neural Draft を操作する Claude Code のセッション

インストール

Node 20 以降とワークスペース API キーが必要です。Neural Draft の管理画面で、Settings → For developers → API keys(ndsk_live_…)から取得してください。無料プランが含まれており、クレジットカードは不要です。

Claude Code
claude mcp add neuraldraft-dev -e NEURALDRAFT_API_KEY=ndsk_live_... -- npx -y @neuraldraft/mcp

--scope project を追加すると、プロジェクトの .mcp.json に書き込まれます。環境変数参照を使って、キーを Git に含めないようにしてください。

{
  "mcpServers": {
    "neuraldraft-dev": {
      "command": "npx",
      "args": ["-y", "@neuraldraft/mcp"],
      "env": { "NEURALDRAFT_API_KEY": "${NEURALDRAFT_API_KEY}" }
    }
  }
}

/mcp を実行して接続を確認します。

Cursor

.cursor/mcp.json(プロジェクト)または ~/.cursor/mcp.json(グローバル):

{
  "mcpServers": {
    "neuraldraft-dev": {
      "command": "npx",
      "args": ["-y", "@neuraldraft/mcp"],
      "env": { "NEURALDRAFT_API_KEY": "ndsk_live_..." }
    }
  }
}
Codex
codex mcp add neuraldraft-dev --env NEURALDRAFT_API_KEY=ndsk_live_... -- npx -y @neuraldraft/mcp

または ~/.codex/config.toml:

[mcp_servers.neuraldraft-dev]
command = "npx"
args = ["-y", "@neuraldraft/mcp"]
env = { NEURALDRAFT_API_KEY = "ndsk_live_..." }
VS Code

.vscode/mcp.json:

{
  "servers": {
    "neuraldraft-dev": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@neuraldraft/mcp"],
      "env": { "NEURALDRAFT_API_KEY": "ndsk_live_..." }
    }
  }
}
Continue

~/.continue/config.yaml:

mcpServers:
  - name: neuraldraft-dev
    command: npx
    args: ["-y", "@neuraldraft/mcp"]
    env:
      NEURALDRAFT_API_KEY: ndsk_live_...

複数のクライアントワークスペース(代理店向け)

各クライアントは、それぞれ独自のワークスペースとキーを持ちます。それらすべてを 1 つのサーバーに登録し、list_workspaces / switch_workspace を使って切り替えます。ほかのすべてのツールは、アクティブなワークスペースを操作します。

{
  "mcpServers": {
    "neuraldraft-dev": {
      "command": "npx",
      "args": ["-y", "@neuraldraft/mcp"],
      "env": {
        "NEURALDRAFT_API_KEYS": "linden-bakery=ndsk_live_...,villa-lavanda=ndsk_live_...",
        "NEURALDRAFT_WORKSPACE": "linden-bakery"
      }
    }
  }
}

NEURALDRAFT_API_KEYS は JSON オブジェクト({"linden-bakery":"ndsk_live_..."})にも対応しています。複数のワークスペースを参照してください。

環境変数

変数必須備考
NEURALDRAFT_API_KEYどちらか一方1 つのワークスペースキー、ndsk_live_…
NEURALDRAFT_API_KEYSどちらか一方複数のワークスペース:name=key,name=key または JSON オブジェクト
NEURALDRAFT_WORKSPACEいいえ起動時にアクティブにする NEURALDRAFT_API_KEYS の項目(デフォルト:最初の項目)
NEURALDRAFT_API_URLいいえデフォルトは https://api.neuraldraft.io/v1
NEURALDRAFT_PROJECT_IDいいえ1 つのキーが複数のプロジェクトにまたがる場合に上書きします
NEURALDRAFT_DISPLAY_NAMEいいえクライアントのサーバー一覧に表示する名前

NEURAL_DRAFT_* 形式も別名として使用できます。キーがない場合や形式が不正な場合は、動作する設定を示すメッセージとともに起動に失敗します。キーをコミットしないでください。

リモート/ホステッドコネクター

Neural Draft は、API キーもインストールも不要な、ホステッドリモート MCP サーバーとしても動作します。

https://neuraldraft.io/mcp

OAuth サインイン(Google またはメールで届くコード)に対応したストリーミング可能な HTTP を使用します。Claude、ChatGPT、Codex、Claude Code、Cursor、VS Code で利用でき、このパッケージでは対応していない機能も追加されます。ビルドのデプロイ(deploy_site、rollback_site)、カスタムドメイン、公開中のサイトテキストの編集、予約と空き状況、ブログ、ソーシャルメディアへの投稿スケジュール設定、そして Batchcraft がブランド向けに制作する完成済みの広告やリール動画などです。AI による画像や動画の作成は提供していません。ブランド向けの完成済みの静止画広告やリール動画を制作します。

# Claude Code
claude mcp add --transport http neuraldraft https://neuraldraft.io/mcp
# Codex
codex mcp add neuraldraft --url https://neuraldraft.io/mcp && codex mcp login neuraldraft

Claude:Customize → Connectors → Add custom connector。ChatGPT:Settings → Apps → Add custom MCP server。URL を貼り付けてサインインしてください。各アプリでの設定方法:ホステッドコネクター。

ホステッドコネクター@neuraldraft/mcp(このリポジトリ)
認証サインイン(OAuth)ワークスペースごとの API キー
実行方式リモート、ストリーミング可能な HTTPnpx を使用してローカルで実行(stdio)
最適な用途サイトのホスティングとデプロイ、クライアントによる編集、ドメイン、ブログ、予約、ソーシャルメディアコードベースの接続:ブランド、コンテンツキー、コンポーネント、ページ、ギャラリー
複数のクライアントサインイン時にワークスペースを選択NEURALDRAFT_API_KEYS

開発者は Claude Code または Codex に両方を追加することがよくあります。

ツール

グループツール
ワークスペースlist_workspaces、switch_workspace、find_workspaces
ブランドget_brand、update_brand
コンテンツcreate_translation_keys、get_content、list_content、delete_content、register_component、delete_component
ページcreate_page、list_pages、get_page、update_page、delete_page、add_site_page
画像とギャラリーlist_images、get_image、register_image、replace_image(URL による)、delete_image、list_galleries、get_gallery、create_gallery、update_gallery、delete_gallery
ブログgenerate_blog_post(ブランドのトーンに合わせた下書き)、list_blog_posts、get_blog_post、update_blog_post
予約とショップcreate_bookable_service、setup_booking_widget、list_products、get_product
フォームlist_newsletter_subscribers、list_contact_form_submissions
アカウントget_usage、get_job

generate_image と generate_video は古いクライアント向けに引き続き登録されていますが、廃止されています。API はこれらに対して 410 media_generation_moved を返します。

リソース
URI内容
brand://currentトーン、対象読者、色、フォント、言語。UI を生成する前に読み取ってください。
schema://blog-postブログ投稿のレスポンス形式
schema://product商品とバリエーションの形式
schema://bookingサービス、予約、空き状況
conventions://editable-htmldata-translate/data-image-key のマークアップ規則
conventions://api-usage認証、エラー、レート制限、ジョブ
プロンプト
プロンプト機能
/scaffold-marketing-siteNeural Draft と連携するマーケティングサイト一式(ブランド、編集可能なキー、コンポーネント)
/scaffold-blog-page既存プロジェクトに /blog の一覧ページと投稿ページを作成
/connect-existing-site既存の静的サイトを Neural Draft で編集可能にする

全リファレンス:ツール、リソース、プロンプト。

試してみる

brand://current を読み取り、このサイト用に編集可能なキーを使ってヒーローとサービスのセクションを作成し、Neural Draft に登録してください。

アシスタントはブランドを読み取り、data-translate と data-image-key を含むマークアップを作成し、キーを作成してセクションを登録します。これにより、クライアントの管理画面で編集できるようになります。

ドキュメント

ローカル開発

git clone https://github.com/vbalagovic/neuraldraft-mcp.git
cd neuraldraft-mcp
npm install
npm run lint    # tsc --noEmit
npm test
npm run build   # → dist/

ローカル API に接続して実行します:

NEURALDRAFT_API_KEY=ndsk_test_xxx NEURALDRAFT_API_URL=http://localhost:8080/v1 npm run dev

MCP Inspector で検査します:npx @modelcontextprotocol/inspector node dist/index.js。

このサーバーは Neural Draft Project API v1 を薄くラップするものです。各ツールは 1 つまたは数個の REST 呼び出しに対応します。実行時に stdout へ出力することはありません(stdio トランスポート)。

コントリビューション

Issue や PR を歓迎します。テスト(npm test)が通る状態を保ち、新しいツールには既存の register* ヘルパーパターンを使用してください。また、新しい機能を追加した場合は上記の表を更新してください。

ライセンス

MIT


Neural Draft によって開発されました。お問い合わせ:[email protected]。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。