vibe
连接浏览器游戏与MCP服务器，实现实时调试分析。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：vibe。 它的用途是：连接浏览器游戏与MCP服务器，实现实时调试分析。 完整的 Skill 内容见：https://321skill.com/skills/vibe-vibe-eyes-client/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我正在开发一个网页游戏，想实时监控游戏内实体的状态和性能帧率。” 它会引导你安装vibe库，并配置连接到你的MCP调试服务器。之后，你在浏览器中运行游戏，所有设定的数据就会实时流式传输到服务器端，供你或AI工具进行分析和可视化。
介绍
vibe（eyes-client）是一个轻量级库，旨在解决浏览器游戏或网页应用开发过程中，实时调试与性能分析困难的问题。它通过集成MCP（Model Context Protocol）调试服务器，为开发者提供了一个便捷的桥梁。
使用方式上，开发者只需在项目中引入该库，并将其配置为连接至指定的MCP调试服务器。随后，库会自动捕获浏览器中的运行时数据（如游戏状态、性能指标、用户交互事件等），并实时发送到服务器端进行分析和可视化展示。
这个Skill特别适合前端开发、全栈开发和智能体开发者，尤其是那些正在开发交互式Web应用、游戏或需要深度监控客户端行为的项目团队。它让调试过程从“事后分析”变为“实时洞察”。
建议在开发或测试环境中使用，注意其依赖于一个可用的MCP调试服务器端。对于生产环境，需谨慎评估数据上报的隐私与性能影响。
核心特点
与通用的前端监控库不同，vibe专为集成MCP协议设计，能直接将浏览器端的复杂状态（如游戏循环、实体数据）结构化地输出到MCP服务器，便于AI Agent或调试工具进行实时分析和干预，而非仅仅收集日志或错误。
注意事项
不适合仅需简单日志记录或无MCP服务器环境的传统网页调试场景。
常见问题
vibe能用来调试非游戏类的网页应用吗？
可以，任何需要将浏览器运行时状态实时发送到MCP服务器进行分析的Web应用都适用。
必须自己搭建MCP服务器吗？
是的，vibe是客户端库，需要配合一个实现了MCP协议的调试服务器才能工作。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/vibe-vibe-eyes-client/raw/index.md 读取 vibe 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/vibe-vibe-eyes-client/raw/index.md（查看排版版本）