vibe-eyes

vibe-eyes

3.5

If you are the rightful owner of vibe-eyes and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.

Vibe-Eyes is an MCP server that allows LLMs to visualize and debug browser-based games and applications by capturing and vectorizing canvas content.

Vibe-Eyes is an innovative Model Context Protocol (MCP) server designed to enhance the debugging capabilities of Language Learning Models (LLMs) by providing them with visual context from browser-based games and applications. It operates using a client-server architecture where a lightweight browser client captures canvas content and debug information, which is then sent to a Node.js server via WebSockets. The server processes this data, vectorizing images into compact SVG representations and storing debug information such as logs and errors. This information is made accessible to LLMs through the MCP, allowing them to 'see' the application's state and assist in debugging with full context. Vibe-Eyes is particularly useful for developers engaged in 'vibe coding' sessions, as it automates the process of capturing and correlating visual and code issues, thereby reducing manual effort and enabling real-time debugging.

Features

  • Captures and vectorizes canvas elements from browser games.
  • Collects console logs and errors in real-time.
  • Catches unhandled exceptions with full stack traces.
  • Makes visual and debug information available to LLMs via MCP.
  • Creates a seamless debugging experience for developers working with LLMs.

Tools

  1. getGameDebug

    Retrieves the most recent canvas visualization and debug information from a browser game or application.