Vibe Eyes
V

Vibe Eyes

Vibe-Eyes是一個MCP服務器項目,通過向量化畫布可視化和調試信息,使LLM能夠'看到'基於瀏覽器的遊戲和應用程序中發生的事情。
2.5分
8.5K

什麼是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的工作原理演示。

安裝

複製以下命令到你的Client進行配置
注意:您的密鑰屬於敏感信息,請勿與任何人分享。

替代品

M
Moltbrain
MoltBrain是一個為OpenClaw、MoltBook和Claude Code設計的長期記憶層插件,能夠自動學習和回憶項目上下文,提供智能搜索、觀察記錄、分析統計和持久化存儲功能。
TypeScript
5.2K
4.5分
B
Bm.md
一個功能豐富的Markdown排版工具,支持多種樣式主題和平臺適配,提供即時編輯預覽、圖片導出和API集成能力
TypeScript
3.6K
5分
S
Security Detections MCP
Security Detections MCP 是一個基於Model Context Protocol的服務器,允許LLM查詢統一的安全檢測規則數據庫,涵蓋Sigma、Splunk ESCU、Elastic和KQL格式。最新3.0版本升級為自主檢測工程平臺,可自動從威脅情報中提取TTPs、分析覆蓋差距、生成SIEM原生格式檢測規則、運行測試並驗證。項目包含71+工具、11個預構建工作流提示和知識圖譜系統,支持多SIEM平臺。
TypeScript
6.1K
4分
P
Paperbanana
PaperBanana是一個自動化生成學術圖表和統計圖的智能框架,支持從文本描述生成高質量的論文插圖,採用多智能體管道和迭代優化,提供CLI、Python API和MCP服務器等多種使用方式。
Python
6.7K
5分
R
Rsdoctor
Rsdoctor 是一款專為 Rspack 生態系統打造的構建分析工具,全面兼容 webpack,提供可視化構建分析、多維度性能診斷及智能優化建議,幫助開發者提升構建效率與工程質量。
TypeScript
10.5K
5分
N
Next Devtools MCP
Next.js開發工具MCP服務器,為Claude、Cursor等AI編程助手提供Next.js開發工具和實用程序,包括運行時診斷、開發自動化和文檔訪問功能。
TypeScript
10.8K
5分
T
Testkube
Testkube是一個面向雲原生應用的測試編排與執行框架,提供統一平臺來定義、運行和分析測試,支持現有測試工具和Kubernetes基礎設施。
Go
7.6K
5分
M
MCP Windbg
一個MCP服務器,將AI模型與WinDbg/CDB集成,用於分析Windows崩潰轉儲文件和進行遠程調試,支持自然語言交互執行調試命令。
Python
11.6K
5分
M
Markdownify MCP
Markdownify是一個多功能文件轉換服務,支持將PDF、圖片、音頻等多種格式及網頁內容轉換為Markdown格式。
TypeScript
30.5K
5分
B
Baidu Map
已認證
百度地圖MCP Server是國內首個兼容MCP協議的地圖服務,提供地理編碼、路線規劃等10個標準化API接口,支持Python和Typescript快速接入,賦能智能體實現地圖相關功能。
Python
39.0K
4.5分
F
Firecrawl MCP Server
Firecrawl MCP Server是一個集成Firecrawl網頁抓取能力的模型上下文協議服務器,提供豐富的網頁抓取、搜索和內容提取功能。
TypeScript
119.6K
5分
S
Sequential Thinking MCP Server
一個基於MCP協議的結構化思維服務器,通過定義思考階段幫助分解複雜問題並生成總結
Python
30.3K
4.5分
M
Magic MCP
Magic Component Platform (MCP) 是一個AI驅動的UI組件生成工具,通過自然語言描述幫助開發者快速創建現代化UI組件,支持多種IDE集成。
JavaScript
19.3K
5分
N
Notion Api MCP
已認證
一個基於Python的MCP服務器,通過Notion API提供高級待辦事項管理和內容組織功能,實現AI模型與Notion的無縫集成。
Python
19.1K
4.5分
E
Edgeone Pages MCP Server
EdgeOne Pages MCP是一個通過MCP協議快速部署HTML內容到EdgeOne Pages並獲取公開URL的服務
TypeScript
25.1K
4.8分
C
Context7
Context7 MCP是一個為AI編程助手提供即時、版本特定文檔和代碼示例的服務,通過Model Context Protocol直接集成到提示中,解決LLM使用過時信息的問題。
TypeScript
78.8K
4.7分
AIBase
智啟未來,您的人工智慧解決方案智庫
© 2026AIBase