メインコンテンツにスキップ
Model Context Protocol

エージェント開発のために
生まれた MCP

普段お使いの AI クライアントから、Lovable でフルスタックアプリを構築・改善・デプロイできます。Model Context Protocol による連携です。

アシスタント — lovable mcp
あなた

Lovable を使って、AI レシートスキャナーの SaaS ランディングページを作ってください。ヒーローセクション、料金、そして Supabase のテーブルにつながったウェイトリストフォームを追加してください。

アシスタント
  • create_project を呼び出し中…
  • send_message を呼び出し中 — 「ヒーローセクション、料金、ウェイトリストを含むランディングページを作成…」
  • read_filesrc/pages/Index.tsx に対して呼び出し中
  • execute_sql を呼び出し中 — ウェイトリストのテーブルを作成しています

receipt-scanner.lovable.app でプレビューを利用できます

AI アシスタント、Cursor、VS Code に対応 · すべてのプランでご利用いただけます。

エージェントが実用的なアプリをリリースするために必要なすべて

Lovable MCP サーバーは、Lovable 自体が動作の土台としている構成要素、つまりプロジェクト、チャット、ファイル、コネクタ、データベース、デプロイを、あらゆるエージェントが呼び出せるツールとして公開します。

プロンプトからプロジェクトを作成

エージェントから新しい Lovable アプリを立ち上げられます。ツール呼び出し 1 回で、React、Tailwind、shadcn/ui を使ったプロジェクト一式が構築されます。

チャットで改善

変更したい内容を Lovable に伝えてください。コードを読み取り、編集を加え、プレビューを再ビルドします。

ファイルを読み、差分を確認

ファイルの一覧表示、ソースの読み取り、エージェントの応答ごとの差分確認ができます。

Lovable コネクタを追加

Lovable のコネクタカタログを閲覧し、Gmail、Notion、Linear などをエージェント内から連携設定。ワークスペースのデータ連携基盤をチャットで構成できます。

Lovable Cloud データベース

Lovable Cloud を有効にし、ライブ SQL を実行し、接続情報を取得。すべてエージェントから行えます。読み取り、書き込み、スキーマ変更にも対応します。

本番環境にデプロイ

エージェントからデプロイを実行して、公開 URL を受け取れます。改善も共有も、すべてプログラムから行えます。

ワークスペースとプロジェクト

プロジェクトの一覧表示、メタデータの取得、ワークスペースの管理。エージェントがすべての Lovable プロジェクトを横断して動作するために必要なものが揃っています。

永続的なナレッジ

ワークスペースとプロジェクトのナレッジを設定すれば、Lovable は毎回の実行で自社の基準やブランド、API パターンに従います。

エージェントのための設計

型付きのツールスキーマ、構造化された出力、わかりやすいエラー応答。設計当初からエージェント向けに作られています。

クライアントを接続する

お使いのクライアントを選び、手順に従ってください。認証には OAuth を使用するため、API キーの管理は不要です。

Claude のコネクタ設定から Lovable を追加します。Claude Desktop(macOS と Windows)および claude.ai で利用できます。

  1. 1Claude で + マークをクリックします
  2. 2「Connectors」→「Browse Connectors」→ Lovable を検索
  3. 3「Connect」をクリックし、Claude に求められたら Lovable にサインインします

認証が完了すると、コンポーザーのツールメニューに Lovable のツールが表示されます。

よくある質問