mcpField
L
Lovable

Lovable

リモート
lovable.dev開発ツール815 週間前に更新
リポジトリ公式サイト

Lovable について

Lovable公式のMCPサーバーで、MCP対応クライアントから自然言語でLovableプロジェクトを管理できます。作成やデプロイに加え、コード確認、データベース操作、連携管理、トラフィック分析に対応します。

主な機能

  1. 01プロジェクトの作成・編集・デプロイ・管理
  2. 02プロジェクトのAIエージェントへのメッセージ送信
  3. 03差分・ファイル・編集履歴の確認
  4. 04プロジェクト指示とデータベースの管理
  5. 05連携とMCPサーバーの設定
  6. 06プロジェクトのトラフィック分析

活用シーン

  1. 01MCPクライアントからアプリを構築してデプロイ
  2. 02生成されたコード変更とファイルの確認
  3. 03プロジェクトのデータベースでSQLを実行
  4. 04プロジェクトに外部サービスを接続

MCP 対応

Streamable HTTP経由で、Lovableのプロジェクトやワークスペースを操作するツールをMCPクライアントに提供します。OAuth 2.1で認証します。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://mcp.lovable.dev
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

詳細

Lovable MCP

AI 搭載のフルスタックアプリビルダーである Lovable の公式 Model Context Protocol サーバーです。

Claude、Cursor、Codex などの MCP 対応クライアントを Lovable に接続すると、自然言語を通じて Lovable プロジェクトの作成、編集、デプロイ、管理ができます。

エンドポイント

https://mcp.lovable.dev

トランスポート:Streamable HTTP。

認証

OAuth 2.1。 MCP クライアントは、https://mcp.lovable.dev/.well-known/oauth-protected-resource にある RFC 9728 メタデータを通じて認可サーバーを検出し、ベアラートークンを自動的に取得します。トークンは Authorization: Bearer <token> として渡されます。

インストール

Claude、Claude Code、ChatGPT では URL のみが必要です。それ以外のクライアントでは、Lovable の公開 OAuth クライアント ID(6d465f583e1e4ce5801b1616f735670c)も渡す必要があります。以下に記載しています。

Claude Code
claude mcp add --transport http lovable https://mcp.lovable.dev
Claude Desktop

claude_desktop_config.json に追加します。

{
  "mcpServers": {
    "lovable": {
      "type": "http",
      "url": "https://mcp.lovable.dev"
    }
  }
}
ChatGPT

URL を直接追加します。クライアント ID は必要ありません。

https://mcp.lovable.dev
Cursor / Windsurf

クライアントの MCP 設定(~/.cursor/mcp.json、または Windsurf の mcp_config.json)に追加します。

{
  "mcpServers": {
    "lovable": {
      "type": "http",
      "url": "https://mcp.lovable.dev",
      "auth": {
        "CLIENT_ID": "6d465f583e1e4ce5801b1616f735670c"
      }
    }
  }
}
VS Code
{
  "servers": {
    "lovable": {
      "type": "http",
      "url": "https://mcp.lovable.dev",
      "auth": {
        "CLIENT_ID": "6d465f583e1e4ce5801b1616f735670c"
      }
    }
  }
}
Codex CLI
codex mcp add lovable --url https://mcp.lovable.dev
codex mcp login lovable
その他のクライアント

上記の Cursor の例と同じ type: http + url + auth.CLIENT_ID の形式を使用します。

ツール

サーバーは、次の分野のツールを提供します。

  • プロジェクトとワークスペース — 一覧表示、作成、デプロイ、リミックス、詳細確認、公開範囲の管理
  • エージェントとのやり取り — プロジェクトの AI エージェントにメッセージを送信し、応答を取得
  • コードの確認 — 差分、ファイルツリー、ファイルの内容、編集履歴
  • ナレッジ — プロジェクト/ワークスペースの AI 指示を読み取り、書き込み
  • クラウドデータベース — Postgres データベースの有効化、ステータス確認、SQL の実行、接続情報の取得
  • コネクターと MCP サーバー — 外部連携(Linear、Notion、Slack、カスタム MCP など)の一覧表示、追加、削除
  • テンプレートとライブラリ — テンプレートプロジェクトとライブラリプロジェクトの閲覧
  • 分析 — プロジェクトトラフィックの履歴データとリアルタイムデータ
  • ファイルのアップロード — 画像を添付するためのアップロード URL の生成

ご注意: create_project と send_message は Lovable のビルドクレジットを消費します。deploy_project は公開 URL を公開します。query_database はプロジェクトのデータベースに対して SQL を直接実行します。

ツールの詳細については、Lovable MCP のドキュメントをご覧ください。

一般的なワークフロー

新しいアプリを構築してデプロイします。

1. list_workspaces()                       → workspace_id
2. create_project(workspace_id, ...)       → project_id   (uses credits)
3. send_message(project_id, "Add ...")     → message_id   (uses credits)
4. get_diff(project_id, message_id)        → review changes
5. deploy_project(project_id)              → live URL

多くのツールでは workspace_id が必要です。まず list_workspaces を呼び出してください。read_file には git ref が必要です。get_project から latest_commit_sha を取得してください。

トラブルシューティング

症状対処方法
401 Unauthorized/トークンの有効期限切れクライアントのログインフローを再実行して OAuth トークンを更新します
OAuth ウィンドウが繰り返し表示される、または完了しないクライアントが上記の auth.CLIENT_ID を渡していることを確認します
「Transport not supported」クライアントが Streamable HTTP に対応している必要があります
workspace_id がないためツールが失敗するまず list_workspaces を呼び出し、返された ID を渡します

レジストリ

このリポジトリには、MCP レジストリ用の server.json エントリーがあります。

ライセンス

Apache License 2.0

コメント

MCP は初めてですか?

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

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