Vibe Eyes 客戶端庫使瀏覽器遊戲開發者能夠將遊戲連接到 Vibe Eyes MCP 調試伺服器，以實現無縫的即時調試、可視化和分析。它捕捉螢幕截圖、記錄錯誤、顯示 SVG 可視化，並在保持最小性能影響的同時提供全面的調試工具。
新增日期：
創建者：
Mar 24 2025
精選
Explee立即開始外展，使用單行描述您的理想客戶輪廓（ICP）- SharkFotoSharkFoto 是一個整合型的 AI 平台，用於高效率地創建與編輯影片、影像和音樂。
- Lease A Brain由人工智能驅動的專家虛擬團隊，隨時協助多樣化商業任務。
- Telegram Group BotTGDesk 是一款多合一的 Telegram 群組機器人，用於擷取潛在客戶、提升互動並擴展社群。
- FalcoCutFalcoCut：基於網頁的 AI 平台，用於影片翻譯、虛擬人影片、語音複製、換臉與短影片生成。
- AnimeShorts輕鬆使用尖端的AI技術創作驚人的動漫短片。
- AI FIRST透過自然語言自動化研究、瀏覽器任務、網頁擷取與檔案管理的對話式 AI 助手。
- Create WhatsApp Link免費的 WhatsApp 連結與 QR 產生器，具備分析、品牌連結、路由與多代理聊天功能。
- BGRemover輕鬆地在線移除圖像背景，使用SharkFoto BGRemover。
- Veemo - AI Video GeneratorVeemo AI 是一個整合型平台，可從文字或圖片快速生成高品質的影片與影像。
- WhatsApp Warmup Tool由 AI 驅動的 WhatsApp 預熱工具，可自動化大量發送訊息並防止帳號被封。
- GLM ImageGLM Image 結合自回歸與擴散混合模型，生成高保真 AI 圖像並具備卓越的文字渲染能力。
- LTX-2 AI開源的 LTX-2 能從文字或圖片提示快速生成具原生音頻同步的 4K 影片，且已具備生產就緒能力。
- ainanobanana2Nano Banana 2 在 4–6 秒內產生專業品質的 4K 影像，具備精準的文字呈現與主題一致性。
- AirMusicAirMusic.ai 可從文字提示生成高品質的 AI 音樂曲目，支援風格與情緒自訂，並能匯出分軌（stems）。
- Nana Banana: Advanced AI Image Editor由 AI 驅動的影像編輯器，將照片和文字提示轉換為高品質、一致且可用於商業的圖像，適合創作者與品牌。
- RSW Sora 2 AI Studio使用 AI 工具立即移除 Sora 水印，零畫質損失並能快速下載。
- FineVoice讓文字化為情感 — 在數秒內克隆、設計並創造富有情感的 AI 聲音。
- Yollo AI與 AI 伴侶互動聊天。支援圖生片、AI 圖片生成功能。
- QoderQoder 是一款由人工智能驅動的程式碼助理，自動化軟體專案的規劃、編碼和測試。
- VoxDeck引領視覺革命的AI簡報製作工具
- Kling 3.0Kling 3.0 是一款由 AI 驅動的 4K 影片產生器，具備原生音訊、進階動態控制與 Canvas Agent。
- Seedance 2 AI結合影像、影片、音訊與文字的多模態 AI 影片生成器，可創作具電影感的短片。
- Refly.aiRefly.AI 讓非技術創作者能使用自然語言與視覺畫布自動化工作流程。
- GenPPT.AI由 AI 驅動的簡報製作工具，能在數分鐘內建立、美化並匯出專業的 PowerPoint 簡報，包含講者備註與圖表。
- Manga Translator AIAI Manga Translator 即時在線將漫畫影像翻譯為多種語言。
- Elser AI一體化網頁創作工作室，將文字與影像轉換為動畫風格藝術、角色、聲音與短片。
- Seedance-2Seedance 2.0 是一款免費的 AI 驅動文字轉影片與圖片轉影片生成器，具有逼真的口型對齊和音效。
- SOLM8你可以呼叫並與之聊天的 AI 女友。真實語音對話並具備記憶。每一刻與她相處都特別。
- FlowithFlowith 是一個基於畫布的代理型工作空間，提供免費的 🍌Nano Banana Pro 和其他高效模型...
- ai song creator使用商業授權創建長達 8 分鐘、免版稅的完整AI生成音樂。
- Atoms由 AI 驅動的平台，使用多智能體自動化在數分鐘內建立全端應用程式與網站，無需編碼。
- APIMartAPIMart 提供統一介面存取超過 500 個 AI 模型（包含 GPT-5 與 Claude 4.5），並帶來成本節省。
- Van Gogh Free Video Generator一款由 AI 驅動的免費影片生成器，可輕鬆從文字和圖片創建令人驚豔的影片。
- HookTide由 AI 驅動的 LinkedIn 成長平台，學習你的語氣以產生內容、互動並分析表現。
- SuperMaker AI Video Generator輕鬆打造驚艷的影片、音樂和圖像，使用SuperMaker。
- Funy AI將你的幻想化為影片！從圖片或文字生成AI比基尼、親吻影片。體驗AI換衣功能。完全免費，無需註冊！
- Seedance 20 VideoSeedance 2 是一款多模態的 AI 影片生成器，提供角色一致性、多鏡頭敘事與 2K 原生音訊。
- GobiiGobii 讓團隊建立全天候（24/7）自主的數位工作者，以自動化網路研究與例行工作。
- Hitem3DHitem3D 使用 AI 將單張影像轉換為高解析度、可投入生產的 3D 模型。
- Remy - Newsletter SummarizerRemy通過將電子郵件摘要成易於理解的洞察，自動化新聞稿管理。
- FixArt AIFixArt AI 提供免費、無限制的影像與影片生成 AI 工具，免註冊。
- ThumbnailCreator.com利用人工智慧快速輕鬆創建驚艷且專業的YouTube縮圖工具。
- Qwen-Image-2512 AIQwen-Image-2512 是一款快速且高解析度的 AI 圖像生成器，原生支援中文文字渲染。
- Ampere.SH免費託管的 OpenClaw 主機。使用 $500 的 Claude 點數，60 秒內部署 AI 代理。
- AI Pet Video Generator使用 AI 驅动的範本與即時 HD 匯出，從照片建立可病毒式傳播且便於分享的寵物影片，適用於社交平台。
- Vertech AcademyVertech 提供旨在幫助學生和教師有效學習與教學的人工智慧提示。
- TextToHuman免費的 AI 人性化工具，能即時將 AI 文字重寫為自然、類人的寫作風格。無需註冊。
- Skywork.aiSkywork AI 是一款創新的工具，旨在利用 AI 提高生產力。
- Pippit提升您的內容創造力，使用 Pippit 的強大 AI 工具！
- Tome AI PPT由 AI 驅動的簡報製作工具，可在數分鐘內生成、優化並匯出專業投影片。
- Img2.AI一個能將照片轉換為風格化影像與短動畫影片的 AI 平台，提供快速且高品質的結果，並支援一鍵放大（升級畫質）。
ThumbnailCreator.com
利用人工智慧快速輕鬆創建驚艷且專業的YouTube縮圖工具。
Flowith
Flowith 是一個基於畫布的代理型工作空間，提供免費的 🍌Nano Banana Pro 和其他高效模型...
Qoder
Qoder 是一款由人工智能驅動的程式碼助理，自動化軟體專案的規劃、編碼和測試。
Refly.ai
Refly.AI 讓非技術創作者能使用自然語言與視覺畫布自動化工作流程。
BGRemover
輕鬆地在線移除圖像背景，使用SharkFoto BGRemover。
FineVoice
讓文字化為情感 — 在數秒內克隆、設計並創造富有情感的 AI 聲音。
VoxDeck
引領視覺革命的AI簡報製作工具
Elser AI
一體化網頁創作工作室，將文字與影像轉換為動畫風格藝術、角色、聲音與短片。
Skywork.ai
Skywork AI 是一款創新的工具，旨在利用 AI 提高生產力。
FixArt AI
FixArt AI 提供免費、無限制的影像與影片生成 AI 工具，免註冊。
SharkFoto
SharkFoto 是一個整合型的 AI 平台，用於高效率地創建與編輯影片、影像和音樂。
Funy AI
將你的幻想化為影片！從圖片或文字生成AI比基尼、親吻影片。體驗AI換衣功能。完全免費，無需註冊！
Yollo AI
與 AI 伴侶互動聊天。支援圖生片、AI 圖片生成功能。
Pippit
提升您的內容創造力，使用 Pippit 的強大 AI 工具！
SuperMaker AI Video Generator
輕鬆打造驚艷的影片、音樂和圖像，使用SuperMaker。
AnimeShorts
輕鬆使用尖端的AI技術創作驚人的動漫短片。
Tome AI PPT
由 AI 驅動的簡報製作工具，可在數分鐘內生成、優化並匯出專業投影片。
AI Pet Video Generator
使用 AI 驅动的範本與即時 HD 匯出，從照片建立可病毒式傳播且便於分享的寵物影片，適用於社交平台。
Atoms
由 AI 驅動的平台，使用多智能體自動化在數分鐘內建立全端應用程式與網站，無需編碼。
Veemo - AI Video Generator
Veemo AI 是一個整合型平台，可從文字或圖片快速生成高品質的影片與影像。
Ampere.SH
免費託管的 OpenClaw 主機。使用 $500 的 Claude 點數，60 秒內部署 AI 代理。
ainanobanana2
Nano Banana 2 在 4–6 秒內產生專業品質的 4K 影像，具備精準的文字呈現與主題一致性。
Seedance 20 Video
Seedance 2 是一款多模態的 AI 影片生成器，提供角色一致性、多鏡頭敘事與 2K 原生音訊。
Hitem3D
Hitem3D 使用 AI 將單張影像轉換為高解析度、可投入生產的 3D 模型。
HookTide
由 AI 驅動的 LinkedIn 成長平台，學習你的語氣以產生內容、互動並分析表現。
GenPPT.AI
由 AI 驅動的簡報製作工具，能在數分鐘內建立、美化並匯出專業的 PowerPoint 簡報，包含講者備註與圖表。
Create WhatsApp Link
免費的 WhatsApp 連結與 QR 產生器，具備分析、品牌連結、路由與多代理聊天功能。
Gobii
Gobii 讓團隊建立全天候（24/7）自主的數位工作者，以自動化網路研究與例行工作。
AI FIRST
透過自然語言自動化研究、瀏覽器任務、網頁擷取與檔案管理的對話式 AI 助手。
AirMusic
AirMusic.ai 可從文字提示生成高品質的 AI 音樂曲目，支援風格與情緒自訂，並能匯出分軌（stems）。
GLM Image
GLM Image 結合自回歸與擴散混合模型，生成高保真 AI 圖像並具備卓越的文字渲染能力。
Manga Translator AI
AI Manga Translator 即時在線將漫畫影像翻譯為多種語言。
TextToHuman
免費的 AI 人性化工具，能即時將 AI 文字重寫為自然、類人的寫作風格。無需註冊。
Seedance 2 AI
結合影像、影片、音訊與文字的多模態 AI 影片生成器，可創作具電影感的短片。
Seedance-2
Seedance 2.0 是一款免費的 AI 驅動文字轉影片與圖片轉影片生成器，具有逼真的口型對齊和音效。
WhatsApp Warmup Tool
由 AI 驅動的 WhatsApp 預熱工具，可自動化大量發送訊息並防止帳號被封。
LTX-2 AI
開源的 LTX-2 能從文字或圖片提示快速生成具原生音頻同步的 4K 影片，且已具備生產就緒能力。
Remy - Newsletter Summarizer
Remy通過將電子郵件摘要成易於理解的洞察，自動化新聞稿管理。
Van Gogh Free Video Generator
一款由 AI 驅動的免費影片生成器，可輕鬆從文字和圖片創建令人驚豔的影片。
FalcoCut
FalcoCut：基於網頁的 AI 平台，用於影片翻譯、虛擬人影片、語音複製、換臉與短影片生成。
SOLM8
你可以呼叫並與之聊天的 AI 女友。真實語音對話並具備記憶。每一刻與她相處都特別。
Telegram Group Bot
TGDesk 是一款多合一的 Telegram 群組機器人，用於擷取潛在客戶、提升互動並擴展社群。
Img2.AI
一個能將照片轉換為風格化影像與短動畫影片的 AI 平台，提供快速且高品質的結果，並支援一鍵放大（升級畫質）。
Vertech Academy
Vertech 提供旨在幫助學生和教師有效學習與教學的人工智慧提示。
Nana Banana: Advanced AI Image Editor
由 AI 驅動的影像編輯器，將照片和文字提示轉換為高品質、一致且可用於商業的圖像，適合創作者與品牌。
ai song creator
使用商業授權創建長達 8 分鐘、免版稅的完整AI生成音樂。
Qwen-Image-2512 AI
Qwen-Image-2512 是一款快速且高解析度的 AI 圖像生成器，原生支援中文文字渲染。
Kling 3.0
Kling 3.0 是一款由 AI 驅動的 4K 影片產生器，具備原生音訊、進階動態控制與 Canvas Agent。
APIMart
APIMart 提供統一介面存取超過 500 個 AI 模型（包含 GPT-5 與 Claude 4.5），並帶來成本節省。
Explee
立即開始外展，使用單行描述您的理想客戶輪廓（ICP）
RSW Sora 2 AI Studio
使用 AI 工具立即移除 Sora 水印，零畫質損失並能快速下載。
Lease A Brain
由人工智能驅動的專家虛擬團隊，隨時協助多樣化商業任務。
Vibe Eyes Client Library 是什麼？
Vibe Eyes 客戶端庫是一個 JavaScript 工具包，旨在促進瀏覽器遊戲與 Vibe Eyes MCP 調試伺服器的整合。它通過自動捕捉畫布螢幕截圖、收集控制台日誌和錯誤、以及在專用調試窗口內顯示 SVG 可視化來啟用即時遊戲調試。該庫提供連接設置、捕獲間隔和可視化顯示的可配置選項，支持多種構建格式以提供靈活性。它通過提供即時的視覺反饋和詳細的統計數據，幫助開發者和測試人員更輕鬆地分析遊戲性能、調試問題並高效優化遊戲體驗。
誰會使用 Vibe Eyes Client Library？
- 遊戲開發者
- 質量保證測試員
- 遊戲測試員
- 調試工具提供者
如何使用 Vibe Eyes Client Library？
- 步驟1：通過 npm 或腳本標籤將庫包含在您的項目中
- 步驟2：使用默認或自定義設置初始化客戶端
- 步驟3：按需啟用 SVG 或調試可視化功能
- 步驟4：在遊戲過程中開始即時捕獲和調試
- 步驟5：使用調試窗口查看可視化、日誌和統計數據
Vibe Eyes Client Library 的核心特徵與益處
主要功能
- 自動畫布截圖捕獲和流式傳輸
- 帶有時間戳的控制台日誌和錯誤收集
- 全局錯誤和未處理 Promise 拒絕處理
- 在調試窗口中顯示 SVG 可視化
- 即時調試統計和 SVG 尺寸測量
- 對遊戲性能的最小影響
- 穩健的錯誤處理和重新連接
優點
- 即時的遊戲可視化和調試
- 輕鬆集成瀏覽器遊戲
- 通過視覺反饋增強調試
- 支持多種構建格式以增加靈活性
- 最小的性能開銷
Vibe Eyes Client Library 的主要使用案例與應用
- 基於瀏覽器的遊戲的即時調試
- 遊戲過程中的視覺性能分析
- 遊戲中的錯誤追蹤和錯誤可視化
Vibe Eyes Client Library 的常見問答
開發者
您可能也喜歡：
開發者工具
一個 Docker 映像，承載多個 MCP 伺服器，透過整合 supergateway 以統一入口點訪問。
研究與數據
NOL 整合了 LangChain 和 Open Router，以使用 Next.js 創建一個多客戶端的 MCP 伺服器。