---
title: "MCPの設定手順"
source: "https://vibely.site/docs/manual/mcp-setup"
section: "操作マニュアル"
category: "vibely MCP"
updated: "2026-06-06"
---

# MCPの設定手順

お使いのAIツールにvibely MCPサーバーを接続する手順を、ツールごとに紹介します。
接続に使うMCPサーバーのURLは以下です。

```
https://vibely.site/mcp
```

> **メモ**
>
> 接続後にできることは[「概要」](https://vibely.site/docs/manual/mcp-overview)、実際の使い方は[「活用例」](https://vibely.site/docs/manual/mcp-examples)の記事を参考にしてください。

## ChatGPT

[chatgpt.com/#settings/Connectors](https://chatgpt.com/#settings/Connectors) にアクセスします（ログイン必須）。
**「アプリを作成する」**をクリックします。

MCPサーバーの情報を入力します。
「名前」は「vibely_XXスクール」といった任意の名前を入力します。
「MCPサーバーのURL」には以下のURLを入力します。
「認証」は「OAuth」を選択します。

```
https://vibely.site/mcp
```

vibely側の画面に遷移するので、承認して連携完了です。

## Claude Desktop

**設定** → **コネクタ** を開きます。
**「カスタムコネクタを追加」**をクリックします。

MCPサーバーの情報を入力します。
「名前」は「vibely_XXスクール」といった任意の名前を入力します。
「リモートMCPサーバーURL」には以下のURLを入力します。
「追加」をクリックします。
MCP一覧ページに戻るので、vibelyの「連携させる」をクリックします。

```
https://vibely.site/mcp
```

> **メモ**
>
> リモートMCPサーバーは設定 → コネクタからのみ設定できます。
> 対応プラン：Pro / Max / Team / Enterprise

## Claude Code

ターミナルで以下のコマンドを実行して、MCPサーバーを追加します。

```
claude mcp add --transport http vibely https://vibely.site/mcp
```

続いてClaude Code内で `/mcp` を実行し、「vibely」→「Authenticate」を選択します。
vibelyの画面に遷移するので、承認して連携完了です。

### スコープオプション

- `--scope local`
  （デフォルト）：現在のプロジェクトのみ
- `--scope project`
  ：
  `.mcp.json`
  ファイル経由でチーム共有
- `--scope user`
  ：全プロジェクトで利用可能

> **メモ**
>
> `/mcp` コマンドでサーバー管理、`/context` でトークン使用状況を確認できます。

## Cursor

### グローバル設定（全プロジェクト共通）

**Cursor Settings** → **MCP** → **Add new global MCP server** を開きます。
以下のJSON設定を貼り付けます。

```
{
  "mcpServers": {
    "vibely": {
      "url": "https://vibely.site/mcp"
    }
  }
}
```

保存して再起動すると、初回使用時にvibelyの画面に遷移し、認証が開始されます。

### プロジェクトレベル設定

プロジェクトルートに `.cursor/mcp.json` を作成し、上記と同じJSON設定を記述すると、チームで共有できます。

## VS Code（GitHub Copilot）

プロジェクトルートに `.vscode/mcp.json` を作成し、以下の内容を記述します。

```
{
  "servers": {
    "vibely": {
      "type": "http",
      "url": "https://vibely.site/mcp"
    }
  }
}
```

コマンドパレット（`Cmd+Shift+P` / `Ctrl+Shift+P`）で **MCP: List Servers** を実行します。
vibelyサーバーを起動し、vibelyの画面に遷移して認証を完了します。

> **メモ**
>
> 全ワークスペースで使いたい場合は **MCP: Open User Configuration** からユーザーレベルの設定を行えます。

## Codex

`~/.codex/config.toml` に以下を追加します。

```
[mcp_servers.vibely]
url = "https://vibely.site/mcp"
```

認証を実行します。

```
codex mcp login vibely
```

vibelyの画面に遷移して認証を完了します。

> **メモ**
>
> プロジェクトで共有する場合は、プロジェクトルートに `.codex/config.toml` を作成してください。

## Antigravity

Antigravityのカスタムサーバー手順に従い、`mcp_config.json` に以下の設定を追加します。

```
{
  "mcpServers": {
    "vibely": {
      "url": "https://vibely.site/mcp"
    }
  }
}
```

保存すると、vibelyの画面に遷移して認証が開始されます。

## Windsurf

**Windsurf Settings**（`Cmd+,`）を開き、MCPを検索します。
**View raw config** で `mcp_config.json` を開きます。
以下の設定を追加します。

```
{
  "mcpServers": {
    "vibely": {
      "serverUrl": "https://vibely.site/mcp"
    }
  }
}
```

保存して再起動すると、vibelyの画面に遷移して認証が開始されます。

## その他のツール

上記以外のMCP対応ツールでも、以下の情報を使って接続できます。

### 推奨URL（Streamable HTTP）

```
https://vibely.site/mcp
```

### JSON設定フォーマット

```
{
  "mcpServers": {
    "vibely": {
      "url": "https://vibely.site/mcp"
    }
  }
}
```

### STDIO経由（mcp-remote使用）

```
{
  "mcpServers": {
    "vibely": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://vibely.site/mcp"]
    }
  }
}
```