Vibelens MCP

Name: Vibelens MCP
Author: klewicki7

作者：klewicki7バージョン 0.1.0i★ 0iパソコンで動く

レジストリ名io.github.klewicki7/vibelens-mcp

インストール方法

What it does

VibeLens MCP tool for AI to visualize code changes with inline annotations in VS Code/Cursor

Connects パソコンで動く
Account or key Needs YOUR_API_KEY
Category 開発者ツール

インストール

使っているAIアプリを選んで、設定をコピーしてください。

チェック 2/3 合格 · あなたのパソコンで動きます

まず：どの AI を使っていますか？

ClaudeWeb · アプリ · スマホChatGPTWebClaude CodeターミナルCursorコードエディタVS Codeコードエディタその他その他のアプリ

使っているアプリを選ぶと、下に手順が表示されます。

Claude につなげますが、先に準備が必要です

Vibelens MCP のキーが必要です（提供元のサイトで作成） · 先にパソコンへ Node.js を入れてください（1 回だけ） · パソコン版 Claude アプリ（Windows または Mac）のみ。Web やスマホでは使えません

Node.js を入れる
1 回だけ。Node.js が必要なすべてのサーバーで使えます
Node.js のダウンロードページを開く ↗
完了
Vibelens MCP に登録してキーを作る
提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。
キーの取り方は下の提供元 README にあります
完了
パソコン版 Claude アプリの設定ファイルを開く
SettingsDeveloperEdit Config
完了

この設定を貼り付けて保存

{
  "mcpServers": {
    "vibelens": {
      "command": "npx",
      "args": [
        "-y",
        "vibelens-mcp"
      ],
      "env": {
        "YOUR_API_KEY": "your-value"
      }
    }
  }
}

キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください

完了

Claude を終了してもう一度開く
完了
試してみる
Vibelens MCP を使って、私に何ができるか教えて、1 つやってみせて
✓ Claude が Vibelens MCP を使っていると言うか、回答に Vibelens MCP のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

ChatGPT はまだ Vibelens MCP につなげません

Vibelens MCP はパソコンに入れて使うものですが、ChatGPT は Web 上で動くサーバーにしかつなげません

代わりにできること

A · Vibelens MCP につなげるアプリを使う

Claude の手順 →Vibelens MCP のキーが必要です（提供元のサイトで作成） · 先にパソコンへ Node.js を入れてください（1 回だけ） · パソコン版 Claude アプリ（Windows または Mac）のみ。Web やスマホでは使えません
Claude Code の手順 →Vibelens MCP のキーが必要です（提供元のサイトで作成） · 先にパソコンへ Node.js を入れてください（1 回だけ）
Cursor の手順 →Vibelens MCP のキーが必要です（提供元のサイトで作成） · 先にパソコンへ Node.js を入れてください（1 回だけ）
VS Code の手順 →Vibelens MCP のキーが必要です（提供元のサイトで作成） · 先にパソコンへ Node.js を入れてください（1 回だけ）

B · 開発者ツールの中で ChatGPT につなげる別のサーバー

同じカテゴリでよく使われているものから、キーなしでアドレスだけでつなげるものを選びました

Sentry✓ ChatGPT
Compiler Explorer✓ ChatGPT
GitDiagram✓ ChatGPT

Claude Code につなげますが、先に準備が必要です

Vibelens MCP のキーが必要です（提供元のサイトで作成） · 先にパソコンへ Node.js を入れてください（1 回だけ）

Node.js を入れる
1 回だけ。Node.js が必要なすべてのサーバーで使えます
Node.js のダウンロードページを開く ↗
完了
Vibelens MCP に登録してキーを作る
提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。
キーの取り方は下の提供元 README にあります
完了
ターミナルを開く
Mac：Command+スペースで Terminal と入力 · Windows：PowerShell を開く
完了
4
このコマンドを貼り付けて Enter
```
claude mcp add --scope user vibelens --env YOUR_API_KEY=your-value -- npx -y vibelens-mcp
```
Enter の前に「your-value」を自分のキーに書き換えてください
キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
完了
Claude Code で /mcp と入力
Vibelens MCP が一覧にあり、接続済みと表示されれば OK です
完了
試してみる
Vibelens MCP を使って、私に何ができるか教えて、1 つやってみせて
✓ Claude Code が Vibelens MCP を使っていると言うか、回答に Vibelens MCP のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Cursor につなげますが、先に準備が必要です

Vibelens MCP のキーが必要です（提供元のサイトで作成） · 先にパソコンへ Node.js を入れてください（1 回だけ）

Node.js を入れる
1 回だけ。Node.js が必要なすべてのサーバーで使えます
Node.js のダウンロードページを開く ↗
完了
Vibelens MCP に登録してキーを作る
提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。
キーの取り方は下の提供元 README にあります
完了
このボタンで Cursor を開く
Cursor で開く
Cursor がインストールの確認をするので Install を押します
完了
キーを入力
Vibelens MCP の設定で YOUR_API_KEY が空です。自分のキーを入れて保存します
キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
完了
Cursor の AI チャットを Agent モードで開く
完了
試してみる
Vibelens MCP を使って、私に何ができるか教えて、1 つやってみせて
✓ Cursor が Vibelens MCP を使っていると言うか、回答に Vibelens MCP のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

VS Code につなげますが、先に準備が必要です

Vibelens MCP のキーが必要です（提供元のサイトで作成） · 先にパソコンへ Node.js を入れてください（1 回だけ）

Node.js を入れる
1 回だけ。Node.js が必要なすべてのサーバーで使えます
Node.js のダウンロードページを開く ↗
完了
Vibelens MCP に登録してキーを作る
提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。
キーの取り方は下の提供元 README にあります
完了
このボタンで VS Code を開く
VS Code で開く
VS Code がインストールの確認をするので Install を押します
完了
キーを入力
Vibelens MCP の設定で YOUR_API_KEY が空です。自分のキーを入れて保存します
キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
完了
VS Code の AI チャットを Agent モードで開く
完了
試してみる
Vibelens MCP を使って、私に何ができるか教えて、1 つやってみせて
✓ VS Code が Vibelens MCP を使っていると言うか、回答に Vibelens MCP のツール名が出れば接続成功です

メニュー名は 2026年11月11日に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください

MCP を使えるアプリをすべて見る →

JSON 設定は下の「開発者向け」にあります

つまずいたら？Vibelens MCP を使っている人に聞いてみましょう💬 ディスカッション →

開発者向け：ターミナルのコマンドと JSON 設定

パソコンにインストール

Claude Code

claude mcp add --scope user vibelens --env YOUR_API_KEY=your-value -- npx -y vibelens-mcp

Claude Desktop (claude_desktop_config.json)

{
  "mcpServers": {
    "vibelens": {
      "command": "npx",
      "args": [
        "-y",
        "vibelens-mcp"
      ],
      "env": {
        "YOUR_API_KEY": "your-value"
      }
    }
  }
}

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "vibelens": {
      "command": "npx",
      "args": [
        "-y",
        "vibelens-mcp"
      ],
      "env": {
        "YOUR_API_KEY": "your-value"
      }
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "vibelens": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "vibelens-mcp"
      ],
      "env": {
        "YOUR_API_KEY": "your-value"
      }
    }
  }
}

自分で入力する値

YOUR_API_KEY 秘密必須 env
Your API key for the service

この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。

ひと目でわかる

GitHubスター i: 0
週あたりのダウンロードi: 49/週
ライセンス i: ライセンスの記載なし
接続方法: パソコンで動く
トランスポート: stdio
最新バージョンi: 0.1.0
カテゴリi: 開発者ツール
レジストリ公開日i: 2026年6月8日
コードの最終更新i: 2026年6月8日
作者: klewicki7
パッケージ: npm: vibelens-mcp
リポジトリ: klewicki7/VibeLens
レジストリでの状態: 有効

使えるアプリ

このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。

パソコン上で動かせるアプリ

Claude Goose LM Studio Msty Studio Cherry Studio Cursor VS Code + GitHub Copilot Visual Studio Windsurf (Devin Desktop)Zed Kiro Cline Continue JetBrains AI Assistant Claude Code Codex CLI Gemini CLI OpenCode nodecode Warp LibreChat Raycast

すべてのアプリと長所・短所 →

できること

パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。

基本チェックi

誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月13日にチェック

✓ 合格
作者とリポジトリが一致
レジストリ名は、リポジトリを所有するGitHubアカウント klewicki7 で確認済みです
✓ 合格
今もメンテナンスされている
コードの最終更新：5 か月前
! 注意
ライセンスがある
GitHubがライセンスの種類を判別できませんでした。ファイルを開いて確認してください
– 対象外
エンドポイントが応答する
これはパソコンで動くため、インターネット上のエンドポイントはありません
– 対象外
OAuthでサインイン
パソコンで動き、代わりにローカルの設定を使います
… 未チェック
ツールの説明に隠れた指示がない
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです

話し合い

質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。

まだ投稿はありません。最初の質問や共有をどうぞ。

ここの投稿は利用者によるもので、PopNx チームのものではありません。

Google でログインして投稿

ユーザーレビュー

まだレビューはありません

Google でログインしてレビューを書く

開発者ツールのほかのサーバーとの比較i

このカテゴリのほかの5819件のうち0%よりスターが多い
このカテゴリのほかの5819件のうち15%より最近レジストリに公開
基本チェックの結果が、このカテゴリのほかの5819件のうち44%と同じかそれ以上

レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。

よくある質問

Vibelens MCPは安全ですか？

当てはまる基本チェック3項目のうち2項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。

どんなキーやコードが必要ですか？

入力が必要なもの：YOUR_API_KEY

パソコンで動きますか、それともクラウドですか？

あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません（サーバー自体がオンラインサービスを呼び出す場合を除きます）。

今もメンテナンスされていますか？

GitHubリポジトリの最終更新は5 か月前、最新バージョン（0.1.0）がレジストリに届いたのは5 か月前です。

どのアプリで使えますか？

Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。

代わりに使えるものは？

同じカテゴリには：REA, GitHub, Serena MCP: the IDE for your agent

同じカテゴリのほかの候補

同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。

カードの見方：↓ 週あたりのダウンロードi★ GitHubスターi3つの柱：レビュー · チェック · 利用状況i更新＝最新バージョンをレジストリに公開した日i

REA

Reverse engineer anything from your terminal or agent with one CLI and MCP server.

作者：morluto広く使われている↓ 38.9万/週★ 45.3万昨日更新

パソコンで動く

インストール

GitHub

Connect AI assistants to GitHub - manage repos, issues, PRs, and workflows through natural language.

作者：github広く使われている★ 3.4万10 日前更新

パソコンでもクラウドでも

インストール

Serena MCP: the IDE for your agent

A powerful toolkit for coding, providing semantic retrieval and editing capabilities.

作者：oraios広く使われている↓ 3.5万/週★ 3.1万6 か月前更新

パソコンで動く

インストール

作者のREADME

READMEを開く

作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。

VibeLens MCP Server

MCP server that provides the show_diff_explanation tool for visualizing code changes with AI annotations.

Installation

npx -y vibelens-mcp

Or install globally:

npm install -g vibelens-mcp

MCP Configuration

Add to your MCP client configuration:

"mcpServers": { "vibelens": { "command": "npx", "args": ["-y", "vibelens-mcp"] } } }

Tool: `show_diff_explanation`

Displays a git diff with AI-generated annotations in the VibeLens extension panel.

Parameters

Parameter	Type	Required	Description
`title`	string	Yes	Title for the explanation
`diff`	string	Yes	Raw git diff output (unified format)
`summary`	string	No	High-level overview of changes
`annotations`	array	No	Explanations for specific parts of the diff
`workspacePath`	string	No	Absolute path to project folder (for workspace filtering)
`editor`	string	No	`"cursor"` or `"vscode"` (default: `"cursor"`)

Annotation Object

Field	Type	Required	Description
`file`	string	Yes	File path the annotation refers to
`line`	number	No	Line number in the new file
`explanation`	string	Yes	Your explanation of this change
`actions`	array	No	Action buttons with prompts

Action Object

Field	Type	Required	Description
`label`	string	Yes	Button label (e.g., "Add tests")
`prompt`	string	Yes	Full prompt to send to chat

Example

"title": "Add user authentication", "summary": "Added JWT middleware and protected API routes.", "diff": "diff --git a/src/auth.ts b/src/auth.ts\n...", "workspacePath": "/Users/me/myproject", "annotations": [ { "file": "src/auth.ts", "line": 15, "explanation": "Extracts and validates JWT token from Authorization header", "actions": [ { "label": "Add refresh token", "prompt": "Add refresh token support to this auth middleware" } ] } ] }

Prompt: `vibelens`

The MCP server also provides a prompt with instructions for explaining code changes. Reference it with @vibelens in your chat.

The prompt guides the AI to:

Get the diff from conversation context (or run git diff if needed)
Analyze and prepare annotations
Call show_diff_explanation with appropriate parameters
Generate specific, actionable suggestions for each annotation

How It Works

The MCP server writes to ~/.vibelens/pending.json and stores reviews in ~/.vibelens/vibelens.db. The companion VS Code/Cursor extension watches this data and displays the diff in a webview panel.

MCP Server                    Extension

│ │ │ writes to │ watches │ ~/.vibelens/ │ ~/.vibelens/ │ pending.json │ pending.json └────────────────────────────┘

Development

# Build

npm run build

The server runs via stdio

node dist/index.js

License

MIT

Vibelens MCP

What it does

インストール

Node.js を入れる

Vibelens MCP に登録してキーを作る

パソコン版 Claude アプリの設定ファイルを開く

この設定を貼り付けて保存

Claude を終了してもう一度開く

試してみる

代わりにできること

Node.js を入れる

Vibelens MCP に登録してキーを作る

ターミナルを開く

このコマンドを貼り付けて Enter

Claude Code で /mcp と入力

試してみる

Node.js を入れる

Vibelens MCP に登録してキーを作る

このボタンで Cursor を開く

キーを入力

Cursor の AI チャットを Agent モードで開く

試してみる

Node.js を入れる

Vibelens MCP に登録してキーを作る

このボタンで VS Code を開く

キーを入力

VS Code の AI チャットを Agent モードで開く

試してみる

パソコンにインストール

自分で入力する値

ひと目でわかる

使えるアプリ

できること

基本チェックi

作者とリポジトリが一致

今もメンテナンスされている

ライセンスがある

エンドポイントが応答する

OAuthでサインイン

ツールの説明に隠れた指示がない

話し合い

ユーザーレビュー

開発者ツールのほかのサーバーとの比較i

よくある質問

同じカテゴリのほかの候補

REA

GitHub

Serena MCP: the IDE for your agent

作者のREADME

VibeLens MCP Server

Installation

MCP Configuration

Tool: show_diff_explanation

Parameters

Annotation Object

Action Object

Example

Prompt: vibelens

How It Works

Development

The server runs via stdio

License

Tool: `show_diff_explanation`

Prompt: `vibelens`