Loveable.dev MCP サーバー

これは、ユーザーがアプリケーションを迅速に作成できるようにするプラットフォームであるLoveable.devと対話するための Model Context Protocol (MCP) サーバーです。

特徴

この MCP サーバーは次のツールを提供します。

create_project : Loveable.dev で新しいプロジェクトを作成する
check_project_status : Loveable.dev のプロジェクトのステータスを確認する
get_project_details : Loveable.dev のプロジェクトに関する詳細情報を取得します

インストール

サーバーはMCP設定ファイルに既にインストールされています。使用するには、以下の手順が必要です。

Loveable.devからAPIキーを取得する
MCP設定ファイルにAPIキーを追加する

APIキーの取得

Loveable.dev から API キーを取得するには:

Loveable.devにサインアップまたはログインしてください
アカウント設定に移動します
新しいAPIキーを生成する

MCP設定にAPIキーを追加する

API キーは、次の MCP 設定ファイルに追加する必要があります: /Users/user/Library/Application Support/Code/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json

github.com/loveable-dev/loveable-mcpセクションでLOVEABLE_API_KEY環境変数を更新します。

"github.com/loveable-dev/loveable-mcp": {
  "command": "node",
  "args": [
    "/Users/user/CLINE/loveable.dev mcp server/build/index.js"
  ],
  "env": {
    "LOVEABLE_API_KEY": "your-api-key-here"
  },
  "disabled": false,
  "autoApprove": []
}

使用法

サーバーの設定が完了したら、クロードとの会話でツールを使用できるようになります。以下に例をいくつか示します。

プロジェクトの作成

use_mcp_tool(
  server_name="github.com/loveable-dev/loveable-mcp",
  tool_name="create_project",
  arguments={
    "prompt": "Create a portfolio website with a dark theme",
    "projectType": "website",
    "additionalContext": "I want it to showcase my photography work"
  }
)

プロジェクトのステータスを確認する

use_mcp_tool(
  server_name="github.com/loveable-dev/loveable-mcp",
  tool_name="check_project_status",
  arguments={
    "projectId": "your-project-id"
  }
)

プロジェクトの詳細を取得する

use_mcp_tool(
  server_name="github.com/loveable-dev/loveable-mcp",
  tool_name="get_project_details",
  arguments={
    "projectId": "your-project-id"
  }
)

発達

サーバーを変更する場合:

srcディレクトリのソースコードを変更する
npm run buildでサーバーをビルドします。
Claudeを再起動してMCPサーバーをリロードします

ライセンス

ISC