AIコーディングエージェントを接続
MCPクライアントの設定を通じて、Claude Code、Cursor、Codex、Antigravity、ChatGPT、またはその他のMCP互換エージェントを接続できます。
WeWeb MCP
WeWeb MCPはClaude Code、Cursor、Codex、Antigravity、ChatGPTなどのMCP対応AIエージェントをWeWebプロジェクトに接続。ブリーフ、デザイン、アプリロジックから編集可能なWeWebアプリを構築し、接続先のアカウント、モデル、トークンで開発できます。
WeWeb内でのAI支援開発
WeWeb MCPは、外部AIエージェントを使ってWeWeb内で構築するためのMCPサーバーです。Claude Code、Cursor、Codex、Antigravity、ChatGPTなどのクライアントに接続でき、その他のMCP互換エージェントにも対応しています。エージェントはブリーフ、デザイン、アプリケーションロジックをもとに、WeWebプロジェクトを変更できます。
このワークフローは、エージェントによる開発支援とWeWebのビジュアルエディターを組み合わせるよう設計されています。ユーザーはクライアントでMCPサーバーを設定し、サインインしてアクセスを承認し、ワークスペースとプロジェクトを選択して、実行したい作業を説明します。その後、WeWebでエージェントの変更を確認し、追加のプロンプトで調整したり、手動で編集したりできます。このサービスでは、WeWeb AIクレジットではなく、接続されたエージェントのアカウント、モデル、トークンを使用します。
主な機能
ブリーフとアプリロジックから構築
接続されたエージェントを使って、ブリーフ、デザイン、製品要件、アプリロジックをページ、フォーム、状態、ワークフローなどのWeWebプロジェクトの変更に反映できます。
エージェントのアクセス範囲を設定
エージェントにプロジェクト全体で作業させるか、特定のページ、ワークフロー、データ領域、デザインシステムのタスクに集中させるかを選択できます。
ビジュアルに確認・編集
WeWebでエージェントの出力を確認し、追加のプロンプトで調整したり、生成結果を完成品として扱わずにビジュアルエディターで直接変更したりできます。
デザインシステムのコンテキストを適用
Figma、Google Stitch、Claude Design、design.mdなどのソースからデザインルールを取り込み、shadcn、Reactの参照、またはカスタムコードコンポーネントを使って、ノーコードプロパティを備えた再利用可能なコンポーネントを作成できます。
プロジェクトのコンテキストを接続
WeWebをXano、Supabase、AirtableなどのバックエンドMCPサービスやAPIと組み合わせ、ドキュメント、Webサイト、Figmaファイル、メディアアセットから得たプロジェクトのコンテキストも活用しながら、MCPスタック全体で作業できます。
実用的なユースケース
PRDをアプリの基盤に変換
製品ブリーフまたはPRDをエージェントに渡し、ユーザージャーニー、ページ、フォーム、状態、フローを中心に初期アプリケーションを構成してもらい、その結果をWeWebで調整します。
デザインシステムから構築
Figma、Google Stitch、Claude Design、design.mdからブランドルールを提供し、デフォルトのスタイルに頼るのではなく、再利用可能なコンポーネントと一貫性の高いインターフェースをエージェントに構築してもらいます。
データに接続されたフロントエンドを構築
WeWebをXano、Supabase、AirtableなどのバックエンドMCPサービスと組み合わせ、データ、フィールド、リレーション、認証、ストレージ、バックエンドワークフローを踏まえたフロントエンドを作成します。
既存プロジェクトをリファクタリング
エージェントを使って、未使用の変数、古いワークフロー、テスト用コンポーネント、命名の不整合、残存するビルド成果物を特定しながら、プロジェクトをビジュアルに確認できる状態に保ちます。
プロジェクトの変更を制御
チームがプロジェクト全体への広範なアクセスではなく、対象を絞った変更を求める場合に、エージェントを指定したページ、ワークフロー、データ領域、デザインシステムのタスクに限定します。
Pros and Cons
Pros
- 複数の主要AIクライアントと、MCP互換のあらゆるエージェントに対応しています。
- プロジェクト全体、またはより限定されたページ、ワークフロー、データ、デザインシステムの範囲に作業を制限できます。
- 生成された変更内容をWeWebのビジュアルエディターで確認・編集できます。
- バックエンドMCPサービスや外部のプロジェクトコンテキストと組み合わせて利用できます。
- WeWeb AIクレジットではなく、接続されたエージェントのトークンを使用します。
Cons
- エージェントがプロジェクトで作業するには、MCP互換クライアント、サーバー設定、WeWebでの認証が必要です。
- 詳細なツール権限、利用制限、生成出力の保証、またはすべてのMCP互換エージェントにおける動作について、提供元の情報では明記されていません。
FAQ
WeWeb MCPとは何ですか？
WeWeb MCPは、互換性のあるAIエージェントをWeWebに接続し、WeWebプロジェクトの構築や変更を支援できるModel Context Protocolサーバーです。変更内容はWeWebのビジュアルエディターで確認できます。
どのAIエージェントをWeWeb MCPに接続できますか？
このページではClaude Code、Cursor、Codex、Antigravity、ChatGPTが挙げられており、MCP互換のエージェントであれば利用できると説明されています。エージェントは自身のアカウント、モデル、トークンを使用します。
WeWeb MCPはWeWeb AIクレジットを使用しますか？
製品ページによると、WeWeb MCPはWeWeb AIクレジットではなく、接続されたエージェントのトークンで動作します。料金ページには、Freeプランで14日間のWeWeb MCP Serverトライアル、ProプランでMCP Serverへの無制限アクセスが記載されています。その他のプランの動作については、提供元の情報に記載されていません。
エージェントがアクセスできる範囲を制御できますか？
はい。エージェントにプロジェクト全体へのアクセスを許可することも、特定のページ、ワークフロー、データ領域、デザインシステムのタスクに限定することもできます。エージェントがアクセスするには、WeWebにサインインした後、認証を行う必要があります。
プロジェクトとMCPワークフローはWeWebで引き続き編集できますか？
はい。WeWebで生成結果を確認し、エージェントへの追加プロンプトを続けたり、ビジュアルエディターで自分でプロジェクトを編集したりできます。また、このページでは、Xano、Supabase、AirtableなどのバックエンドMCPサービスを含む、他のMCPサーバーとの連携についても説明されています。
Quick Facts
- カテゴリー
- AI支援ノーコード開発
- プラットフォーム
- WeWebビジュアル開発プラットフォーム
- プロトコル
- Model Context Protocol (MCP)
- 対応クライアント
- Claude Code、Cursor、Codex、Antigravity、ChatGPT
- セットアップ
- MCPクライアントを設定し、WeWebにサインインしてアクセスを承認し、プロジェクトを選択
- プランでの利用
- Freeプランには14日間のWeWeb MCP Serverトライアルが含まれ、Proプランでは無制限アクセスが記載されています
WeWeb MCPの代替品
Speculos
SpeculosはClaude Code向けのデプロイツール。作成したアプリを共有URLで公開し、private・org-wide・publicに対応。会社ドメイン、データ接続、顧客クラウド配備の管理機能も搭載。
CreateOS Sandbox
CreateOS Sandboxは、FirecrackerマイクロVM上でコードやエージェントのワークロードを実行できる分離型コンピュート環境です。SDK、CLI、MCPで制御可能。
GitBot
GitBotは、Claude Code、Codex、OpenCodeを活用した再利用可能なコーディングボットを作成できるローカルブラウザワークスペースです。永続スレッドと権限設定で、リポジトリ内の作業を効率化します。
Codex Plugins
Codex Plugins は、再利用可能なスキル、アプリ連携、MCPサーバーを Codex app や Codex CLI で使えるワークフローにまとめます。接続サービスの作業や共有チームワークフローを拡張できます。
Wallie
Wallieは、画面を見てチャットを聞き、設定したペルソナでライブ解説を生成するオープンソースAI streamer。自分のキーでローカル実行でき、顔出しなし配信や自律配信、リアルタイム反応に最適です。
Make Real
Make Realは、tldraw SDKとAIモデルを使い、手描きワイヤーフレームを動作するHTMLプロトタイプに変換するNext.jsアプリです。キャンバスでスケッチし、コード生成し、埋め込みプレビューで確認できます。