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进行配置
注意:您的密钥属于敏感信息,请勿与任何人分享。

替代品

C
Contracts Wizard
OpenZeppelin Contracts Wizard是一个交互式智能合约构建工具,允许用户通过选择合约类型、参数和功能来生成基于OpenZeppelin组件的合约代码。支持多种编程语言,并提供API和嵌入功能。
TypeScript
5.8K
4分
Z
Zen MCP Server
Zen MCP是一个多模型AI协作开发服务器,为Claude和Gemini CLI等AI编码助手提供增强的工作流工具和跨模型上下文管理。它支持多种AI模型的无缝协作,实现代码审查、调试、重构等开发任务,并能保持对话上下文在不同工作流间的延续。
Python
13.7K
5分
C
Container Use
Container Use是一个开源工具,为编码代理提供容器化隔离环境,支持多代理并行开发且互不干扰。
Go
9.4K
5分
S
Search1api
Search1API MCP Server是一个基于Model Context Protocol (MCP)的服务器,提供搜索和爬取功能,支持多种搜索服务和工具。
TypeScript
18.5K
4分
D
Duckduckgo MCP Server
已认证
DuckDuckGo搜索MCP服务器,为Claude等LLM提供网页搜索和内容抓取服务
Python
39.7K
4.3分
M
MCP Alchemy
已认证
MCP Alchemy是一个连接Claude Desktop与多种数据库的工具,支持SQL查询、数据库结构分析和数据报告生成。
Python
16.8K
4.2分
P
Postgresql MCP
一个基于FastMCP库的PostgreSQL数据库MCP服务,提供对指定表的CRUD操作、模式检查和自定义SQL查询功能。
Python
14.1K
4分
A
Agentic Radar
Agentic Radar是一个用于分析和评估代理系统的安全扫描工具,帮助开发者、研究人员和安全专家理解代理系统的工作流程并识别潜在漏洞。
Python
13.1K
5分
F
Firecrawl MCP Server
Firecrawl MCP Server是一个集成Firecrawl网页抓取能力的模型上下文协议服务器,提供丰富的网页抓取、搜索和内容提取功能。
TypeScript
63.7K
5分
D
Duckduckgo MCP Server
已认证
DuckDuckGo搜索MCP服务器,为Claude等LLM提供网页搜索和内容抓取服务
Python
39.7K
4.3分
F
Figma Context MCP
Framelink Figma MCP Server是一个为AI编程工具(如Cursor)提供Figma设计数据访问的服务器,通过简化Figma API响应,帮助AI更准确地实现设计到代码的一键转换。
TypeScript
44.1K
4.5分
E
Exa Web Search
已认证
Exa MCP Server是一个为AI助手(如Claude)提供网络搜索功能的服务器,通过Exa AI搜索API实现实时、安全的网络信息获取。
TypeScript
30.4K
5分
B
Baidu Map
已认证
百度地图MCP Server是国内首个兼容MCP协议的地图服务,提供地理编码、路线规划等10个标准化API接口,支持Python和Typescript快速接入,赋能智能体实现地图相关功能。
Python
30.9K
4.5分
C
Context7
Context7 MCP是一个为AI编程助手提供实时、版本特定文档和代码示例的服务,通过Model Context Protocol直接集成到提示中,解决LLM使用过时信息的问题。
TypeScript
45.9K
4.7分
E
Edgeone Pages MCP Server
EdgeOne Pages MCP是一个通过MCP协议快速部署HTML内容到EdgeOne Pages并获取公开URL的服务
TypeScript
20.6K
4.8分
M
Minimax MCP Server
MiniMax Model Context Protocol (MCP) 是一个官方服务器,支持与强大的文本转语音、视频/图像生成API交互,适用于多种客户端工具如Claude Desktop、Cursor等。
Python
35.2K
4.8分
AIbase
智启未来,您的人工智能解决方案智库