Unshift

Unshift MCP コネクター

Claude や ChatGPT をウェブサイトビルダーに変えましょう。平易な英語でサイトを説明すると、Unshift が実際の React サイトを構築し、お客様が所有する公開 URL に公開します。

Unshift は、ホスト型のリモート Model Context Protocol コネクターです。ご自身の Claude または ChatGPT を用意し、作成したいサイトを説明すると、Unshift が実際の React サイト（ビジュアルエディターと組み込み CMS 付き）を構築し、公開 URL に公開します。AI はご自身のアカウントで動作するため、当社からトークン料金を請求することはありません。また、試すだけなら Claude の無料プランで十分です。日々の編集はビジュアルエディターで行えます。

ウェブサイト	https://unshift.ai
エンドポイント	https://studio.unshift.ai/api/mcp
トランスポート	Streamable HTTP
認証	OAuth 2.1（API キー不要）
プライバシー	https://unshift.ai/privacy-policy
利用規約	https://unshift.ai/terms-and-conditions
サポート	[email protected]

接続

Claude（ウェブまたはデスクトップ）

1. 「Settings」を開き、「Connectors」を選択してから、「Add custom connector」を選択します。
2. 名前を Unshift にし、URL https://studio.unshift.ai/api/mcp を貼り付けます。
3. 接続し、OAuth サインインを完了します。API キーは不要です。

その他の MCP クライアント（Claude Desktop の設定、Cursor など）

{
  "mcpServers": {
    "unshift": {
      "url": "https://studio.unshift.ai/api/mcp"
    }
  }
}

認証には OAuth 2.1 を使用します。初回接続時に、クライアントでサインインを行います。

できること

• 1 つのプロンプトからサイトを構築するか、既存サイトを URL からインポートして再構築します。
• ページ、ブロック、テーマ、レイアウト、SEO を会話形式で編集してから公開します。
• REST API、ヘッドレス CMS、WordPress、Shopify、またはネイティブのストアフロントからライブデータを接続します。
• 無料の app_id.unshift.dev アドレス、または Pro のカスタムドメインに公開します。

ツール

すべてのツールは OAuth によってご自身のアカウントに限定されます。読み取り専用のツールには R が付いています。既存のコンテンツを削除またはロールバックするツールには D が付いています。クライアントから確認を求められる場合があります。

計画とインポート（読み取り専用）

• plan_import R - URL をクロールしてビルド計画（テーマ、セクション、ページ）を作成します。ここから始めてください。
• scrape_site R - URL をクロールして、ページ、画像、フォント、カラーのトークンを取得します。
• extract_theme R - クロール結果または URL からテーマを導き出します。
• segment_page R - ページを候補セクションに分割します。
• suggest_blocks R - 指定したセクションに適したカタログのブロックを順位付けします。
• get_block R - ブロックのコンポーネントソースとデフォルトの props を読み取ります。
• inspect_data_source R - REST またはヘッドレス CMS のエンドポイントの構造を調べます。
• wordpress_discover R - WordPress サイトの投稿タイプとフィールドを検出します。
• shopify_discover R - Shopify ストアの商品とコレクションを検出します。
• block_guide R - ブロックの作成方法と prop 値の仕様を確認します。

構築

• create_app - 新しいアプリを作成します（構築の最初の手順）。
• generate_theme - テーマ全体（色、フォント、角丸）を設定します。
• set_theme - 既存のテーマを調整します。
• set_layout - 共通のヘッダーとフッターを配置します。
• import_assets - 画像 URL から画像をストレージにダウンロードします。
• import_icon - ロゴ画像をアイコンとしてインポートします。
• add_page - ブロックからページを追加します。
• finalize_app - 検証、保存、公開を行います。必須の最終手順です。

編集と確認

• get_app R - アプリのテーマ概要とページを読み取ります。
• get_page R - 1 ページ分のブロック、props、SEO を読み取ります。
• list_pages R - アプリのページ一覧を表示します。
• edit_block - ブロックインスタンスの props またはコードを編集します。
• add_block - ページにブロックを挿入します。
• remove_block D - ページからブロックを削除します。
• move_block - ブロックの順序を変更します。
• update_page - ページのタイトル、スラッグ、または SEO を更新します。
• remove_page D - ページを削除します。
• update_app - アプリの名前を変更します。
• submit_for_review - 下書きをユーザーに渡し、承認または却下してもらいます。
• undo_last_change D - 直近の変更セットをロールバックします。

データと動的コンテンツ

• create_data_connector - REST API、WordPress、または Shopify のソースに接続します。
• list_data_connectors R - アプリのデータコネクターを一覧表示します。
• set_block_data_mapping - ブロックのプロパティをコネクターのエンドポイントに紐付けます。
• create_post_type - テンプレートページを含む動的なコレクションを作成します。
• list_post_types R - アプリの投稿タイプを一覧表示します。
• setup_wordpress - WordPress をワンコールでインポートします（コネクター、投稿タイプ、テンプレート）。
• configure_flexible_content - ACF フレキシブルコンテンツのレイアウトブロックを作成します。
• setup_commerce - ストアフロントをワンコールでセットアップします（ネイティブまたは Shopify）。
• add_product - ネイティブカタログに商品を追加します。

アカウントとアセット（読み取り専用）

• list_apps R - アプリを一覧表示します。
• list_images R - アップロード済みの画像を一覧表示します。
• list_icons R - アップロード済みのアイコンを一覧表示します。
• list_files R - アップロード済みの公開ファイルを一覧表示します。

料金

app_id.unshift.dev アドレスでの構築、プレビュー、公開は無料です。Pro は公開済みサイト1つにつき月額20ドルで、カスタムドメイン、SSL 管理、Unshift のブランディング削除、コードのエクスポートが利用できます。AI は常にお客様自身の Claude または ChatGPT アカウントで動作するため、Unshift が AI の利用料金を請求することはありません。

よくある質問

Claude または ChatGPT の有料プランが必要ですか？ いいえ。Claude の無料プランはコネクターに対応しており、必要な機能はすべて利用できます。すでにどちらかの有料プランをお持ちの場合も、そのまま利用できます。AI はお客様自身のアカウントで動作するため、Unshift からトークン料金が請求されることはありません。

サイトの所有権は自分にありますか？ 別の場所に移行できますか？ はい。実際の React および Vite のコードベースで、独自のリポジトリにエクスポートできます（コードのエクスポートは Pro の機能です）。独自のランタイムはなく、ベンダーロックインもありません。

既存のサイトを編集したり、インポートしたりできますか？ はい。URL からサイトを再構築したり、既存の Unshift サイトを会話形式で編集したりできます。

データはどこに保存されますか？ AI はお客様自身の Claude または ChatGPT アカウントで動作します。Unshift はサイトをレンダリングして公開するためにサイトのコンテンツを保存します。データはいつでもエクスポートまたは削除できます（上記のプライバシーポリシーをご覧ください）。

トラブルシューティングとサポート

• コネクターに接続できません。 正確な URL https://studio.unshift.ai/api/mcp を指定してカスタムコネクターとして追加し、OAuth のサインイン画面を完了してください。接続には無料の Unshift アカウントが必要です。サインイン時にアカウントを作成できます。
• ツールが見つからないようです。 クライアントはコネクターのツール一覧をキャッシュします。必要なツールが表示されない場合は、クライアントの設定でコネクターのツールを更新してから（またはコネクターを削除して再追加してから）、続行してください。
• ツールの実行時に「No approval received」または「permission denied」と表示されます。 これはクライアント独自のツールごとの権限確認プロンプトです（各ツールで一度確認されます）。「許可」をクリックするか、Unshift に対して「常に許可」を有効にしてから、もう一度お試しください。
• 公開ではなく下書きとして保存されました。 新しいサイトは、最初の確定時に自動で公開され、約1～2分で公開状態になります。すでに公開済みのサイトでは、デフォルトで編集内容が下書きとして保存されます。エディターから公開するか、アシスタントに明示的に公開を依頼してください。
• それでも解決しませんか？ [email protected] までメールでお問い合わせください。

スキル

このコネクターを使ってサイトを構築、インポート、編集、公開する手順を Claude に案内するエージェントスキルは、skills/unshift-website-builder にあります。

このリポジトリについて

このリポジトリは、Unshift MCP コネクターの公開リスティングです。MCP Registry マニフェスト（server.json）と接続手順が含まれています。コネクター自体は上記エンドポイントでホストされるリモートサーバーであり、製品のソースコードは Unshift の非公開リポジトリにあります。