Lovable について
Lovable公式のMCPサーバーで、MCP対応クライアントから自然言語でLovableプロジェクトを管理できます。作成やデプロイに加え、コード確認、データベース操作、連携管理、トラフィック分析に対応します。
主な機能
- 01プロジェクトの作成・編集・デプロイ・管理
- 02プロジェクトのAIエージェントへのメッセージ送信
- 03差分・ファイル・編集履歴の確認
- 04プロジェクト指示とデータベースの管理
- 05連携とMCPサーバーの設定
- 06プロジェクトのトラフィック分析
活用シーン
- 01MCPクライアントからアプリを構築してデプロイ
- 02生成されたコード変更とファイルの確認
- 03プロジェクトのデータベースでSQLを実行
- 04プロジェクトに外部サービスを接続
MCP 対応
Streamable HTTP経由で、Lovableのプロジェクトやワークスペースを操作するツールをMCPクライアントに提供します。OAuth 2.1で認証します。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://mcp.lovable.devclaude mcp add --transport http dev-lovable https://mcp.lovable.dev{"mcpServers":{"dev-lovable":{"type":"http","url":"https://mcp.lovable.dev"}}}Cursor で開く{"servers":{"dev-lovable":{"type":"http","url":"https://mcp.lovable.dev"}}}VS Code で開く{"mcpServers":{"dev-lovable":{"type":"http","url":"https://mcp.lovable.dev"}}}{"mcpServers":{"dev-lovable":{"serverUrl":"https://mcp.lovable.dev"}}}コマンドはターミナルで実行し、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 エントリーがあります。
ライセンス
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。