V

Vibe Eyes

Vibe-EyesはMCPサーバープロジェクトで、キャンバスのベクトル化視覚化とデバッグ情報を通じて、LLMがブラウザベースのゲームやアプリケーションで起こっていることを「見る」ことができるようにします。
2.5 points
42

Vibe-Eyes MCPサーバーとは?

Vibe-Eyes MCPサーバーは、ブラウザ内のキャンバス要素、コンソールログ、エラーをキャプチャして視覚化とデバッグ情報を生成し、モデルコンテキストプロトコル(MCP)を介して言語モデルに渡すことで、開発者がより効率的にデバッグを行えるようにする軽量ツールです。

Vibe-Eyes MCPサーバーの使い方は?

ブラウザゲームにVibe-Eyesクライアントスクリプトを統合し、サーバーアドレスを設定するだけで、データのキャプチャと転送を開始できます。言語モデルは提供されたMCPツールを使用して最新の状態を取得できます。

適用シナリオ

ブラウザゲームやアプリケーションの問題を迅速に診断する必要がある開発者に適しており、特に視覚とコードのコンテキストを組み合わせる必要がある場合に便利です。

主要機能

キャンバス視覚化ブラウザ内のキャンバス要素を自動的にキャプチャし、ベクトル化されたSVG画像を生成します。
リアルタイムデバッグ情報コンソールログ、エラー、未処理の例外を収集し、完全なスタック情報を含みます。
モデルコンテキストプロトコルサポートMCPツールを介して直接データを言語モデルに渡し、アプリケーションの状態を「見る」ことができるようにします。
パフォーマンス最適化効率的なベクトル化アルゴリズムを使用してデータサイズを削減し、同時に画像品質を確保します。

利点と制限

利点
手動でのスクリーンショットと説明の作業を削減します。
包括的な視覚とコードのコンテキストを提供します。
データをリアルタイムで同期し、デバッグプロセスを加速します。
複数の言語モデルの統合をサポートします。
制限
一部の高複雑度のアプリケーションではパフォーマンスに影響を与える可能性があります。
安定したWebSocket接続に依存しています。
ベクトル化の精度が有限で、元の画像の細部を完全に再現できない場合があります。

使い方

サーバーのインストール
プロジェクトコードをクローンし、依存関係をインストールします。
サーバーの起動
WebSocket接続を監視するためにサーバーを起動します。
クライアントの統合
ブラウザゲームにVibe-Eyesクライアントスクリプトを追加します。
MCPツールの設定
言語モデルがVibe-Eyes MCPサービスを登録していることを確認します。

使用例

ケース1:エラーの迅速な特定ゲームがクラッシュした場合、Vibe-Eyesはその時の画面とエラー情報をキャプチャし、モデルが問題をより迅速に特定できるようにします。
ケース2:開発支援新機能を開発する際に、Vibe-Eyesは現在の画面状態をキャプチャし、コードと組み合わせて分析するのに役立ちます。

よくある質問

Vibe-Eyesはゲームのパフォーマンスに影響を与えますか?
WebSocket接続を安定させるにはどうすればいいですか?
ベクトル化画像は元の画像を完全に再現できますか?

関連リソース

GitHubリポジトリ
Vibe-Eyesのソースコードとドキュメントにアクセスします。
クライアントドキュメント
ブラウザでVibe-Eyesクライアントを統合する方法を学びます。
YouTubeビデオチュートリアル
Vibe-Eyesの動作原理をデモンストレーションするビデオを見ます。
Installation
Copy the following command to your Client for configuration
Note: Your key is sensitive information, do not share it with anyone.
S
Search1api
Search1API MCPサーバーは、Model Context Protocol (MCP)に基づくサーバーで、検索とクローリング機能を提供し、複数の検索サービスとツールをサポートします。
TypeScript
326
4 points
D
Duckduckgo MCP Server
Certified
DuckDuckGo検索MCPサーバーは、ClaudeなどのLLMにウェブ検索とコンテンツ取得サービスを提供します。
Python
807
4.3 points
M
MCP Alchemy
Certified
MCPアルケミーは、Claude Desktopと複数のデータベースを接続するツールで、SQLクエリ、データベース構造分析、データレポート生成をサポートします。
Python
312
4.2 points
P
Postgresql MCP
FastMCPライブラリに基づくPostgreSQLデータベースのMCPサービスで、指定されたテーブルのCRUD操作、スキーマ検査、およびカスタムSQLクエリ機能を提供します。
Python
95
4 points
M
MCP Scan
MCP-Scanは、MCPサーバー用のセキュリティスキャンツールで、提示注入、ツール汚染、クロスドメインアップグレードなどの一般的なセキュリティホールを検出します。
Python
607
5 points
A
Agentic Radar
エージェンティックレーダーは、エージェントシステムを分析・評価するセキュリティスキャナーで、開発者、研究者、セキュリティ専門家がエージェントシステムのワークフローを理解し、潜在的なホールを特定するのに役立ちます。
Python
542
5 points
C
Cloudflare
Changesetsは、マルチパッケージまたはシングルパッケージのリポジトリのバージョン管理とリリースを管理するためのビルドツールです。
TypeScript
1.5K
5 points
E
Edgeone Pages MCP Server
EdgeOne Pages MCPは、MCPプロトコルを通じてHTMLコンテンツをEdgeOne Pagesに迅速にデプロイし、公開URLを取得するサービスです。
TypeScript
258
4.8 points
Featured MCP Services
E
Edgeone Pages MCP Server
EdgeOne Pages MCPは、MCPプロトコルを通じてHTMLコンテンツをEdgeOne Pagesに迅速にデプロイし、公開URLを取得するサービスです。
TypeScript
258
4.8 points
G
Gmail MCP Server
Claude Desktop用に設計されたGmail自動認証MCPサーバーで、自然言語でのやり取りによるGmailの管理をサポートし、メール送信、ラベル管理、一括操作などの完全な機能を備えています。
TypeScript
283
4.5 points
C
Context7
Context7 MCPは、AIプログラミングアシスタントにリアルタイムのバージョン固有のドキュメントとコード例を提供するサービスで、Model Context Protocolを通じてプロンプトに直接統合され、LLMが古い情報を使用する問題を解決します。
TypeScript
5.2K
4.7 points
B
Baidu Map
Certified
百度マップMCPサーバーは国内初のMCPプロトコルに対応した地図サービスで、地理コーディング、ルート計画など10個の標準化されたAPIインターフェースを提供し、PythonとTypescriptでの迅速な接続をサポートし、エージェントに地図関連の機能を実現させます。
Python
711
4.5 points
G
Gitlab MCP Server
Certified
GitLab MCPサーバーは、Model Context Protocolに基づくプロジェクトで、GitLabアカウントとのやり取りに必要な包括的なツールセットを提供します。コードレビュー、マージリクエスト管理、CI/CD設定などの機能が含まれます。
TypeScript
77
4.3 points
U
Unity
Certified
UnityMCPはUnityエディターのプラグインで、モデルコンテキストプロトコル (MCP) を実装し、UnityとAIアシスタントのシームレスな統合を提供します。リアルタイムの状態監視、リモートコマンドの実行、ログ機能が含まれます。
C#
549
5 points
M
Magic MCP
Magic Component Platform (MCP) はAI駆動のUIコンポーネント生成ツールで、自然言語での記述を通じて、開発者が迅速に現代的なUIコンポーネントを作成するのを支援し、複数のIDEとの統合をサポートします。
JavaScript
1.7K
5 points
S
Sequential Thinking MCP Server
MCPプロトコルに基づく構造化思考サーバーで、思考段階を定義することで複雑な問題を分解し要約を生成するのに役立ちます。
Python
266
4.5 points
AIbase
Zhiqi Future, Your AI Solution Think Tank
© 2025AIbase