Blowback logo

Blowback

by ESnark

Blowback is a server that adds a Model Context Protocol (MCP) server to FE development servers to support integration with Cursor. It aims to support various FE development servers, not only Vite.

View on GitHub

Last updated: N/A

What is Blowback?

Blowback is an MCP server designed to integrate with FE development servers, enabling features like browser console log capture, screenshot management, and HMR event monitoring for enhanced development workflows, particularly within environments like Cursor.

How to use Blowback?

To use Blowback, add it to your Cursor MCP configuration with the provided JSON snippet. This will allow Cursor to communicate with the Blowback server and utilize its tools for browser automation, log management, and other development tasks. Refer to the documentation for specific tool usage and configuration options.

Key features of Blowback

  • Integration of FE development server with MCP server

  • Browser console log capture and transmission via MCP

  • Checkpoint-based log management

  • Browser Automation using Puppeteer

Use cases of Blowback

  • Debugging FE applications using browser console logs

  • Capturing screenshots for visual inspection and documentation

  • Monitoring HMR events for development feedback

  • Automating browser interactions for testing and development

FAQ from Blowback

What is MCP?

Model Context Protocol (MCP) is a protocol for communication between development tools.

How does Blowback capture console logs?

Blowback uses Puppeteer to control a Chrome browser instance and capture console output.

What is the purpose of checkpoints?

Checkpoints are used to manage snapshots, logs, screenshots, etc. of specific versions of the application state.

Can I use Blowback with other FE development servers besides Vite?

Blowback aims to support various FE development servers, not only Vite.

How do I transfer screenshots to my editing tools?

Due to MCP client limitations, you may need to manually transfer saved screenshot images to your editing tools.