Vite MCP Server
@ESnark
About Vite MCP Server
MCP Server for Frontend dev environment (formerly known as vite-mcp-server)
Config
Add this server to your MCP-compatible client using the configuration below.
{
"mcpServers": {
"blowback": {
"command": "npx",
"args": [
"-y",
"blowback-context"
],
"env": {
"PROJECT_ROOT": ""
}
}
}
}Tools
No tools detected
Fetch the live tool list by running this server in a temporary sandbox using the button above.
Overview
What is Vite MCP Server?
Vite MCP Server (now named Blowback) integrates front-end development servers with AI tools like Claude Desktop and Cursor via the Model Context Protocol. It allows AI assistants to observe and interact with a running development server to assist with debugging and testing.
How to use Vite MCP Server?
Add the server to your MCP configuration (Claude Code: {PROJECT_ROOT}/.mcp.json; Cursor: {PROJECT_ROOT}/.cursor/mcp.json) with command npx -y blowback-context and the optional PROJECT_ROOT environment variable. Then the AI can call the available tools.
Key features of Vite MCP Server
- Integration of local development server with MCP
- Browser console log capture and transmission
- Checkpoint-based log and snapshot management
- Screenshot capture with SQLite metadata storage
- HMR (Hot Module Replacement) event monitoring
- Browser automation and element inspection
Use cases of Vite MCP Server
- Debugging HMR events during development with AI assistance
- Capturing and analyzing browser console logs automatically
- Taking screenshots of the current page for visual inspection
- Inspecting element properties, styles, and dimensions through AI
- Monitoring network requests during a specific duration
FAQ from Vite MCP Server
What front-end development servers are supported?
The server originally only supported Vite, but now (as Blowback) aims to support various FE development servers.
Does the server require an active HMR connection?
No, HMR connection is optional. HMR monitoring starts automatically when the browser is launched.
How are screenshots stored?
Screenshots are saved as files in {PROJECT_ROOT}/.mcp_screenshot/. Their metadata is managed in a SQLite database in the temporary directory.
Is Cursor Chat supported for the init prompt?
No, Cursor Chat does not support MCP prompt functionality. Claude Code is recommended for that feature.
Are base64 images included in tool responses by default?
No, base64 image inclusion is controlled by the ENABLE_BASE64 environment variable, which defaults to false. Enabling it increases token usage.
Frequently asked questions
What front-end development servers are supported?
The server originally only supported Vite, but now (as Blowback) aims to support various FE development servers.
Does the server require an active HMR connection?
No, HMR connection is optional. HMR monitoring starts automatically when the browser is launched.
How are screenshots stored?
Screenshots are saved as files in `{PROJECT_ROOT}/.mcp_screenshot/`. Their metadata is managed in a SQLite database in the temporary directory.
Is Cursor Chat supported for the `init` prompt?
No, Cursor Chat does not support MCP prompt functionality. Claude Code is recommended for that feature.
Are base64 images included in tool responses by default?
No, base64 image inclusion is controlled by the `ENABLE_BASE64` environment variable, which defaults to `false`. Enabling it increases token usage.
Basic information
More Other MCP servers
XcodeBuildMCP
cameroncookeA Model Context Protocol (MCP) server and CLI that provides tools for agent use when working on iOS and macOS projects.
MCP Toolbox for Databases
googleapisMCP Toolbox for Databases is an open source MCP server for databases.
IDA Pro MCP
mrexodiaAI-powered reverse engineering assistant that bridges IDA Pro with language models through MCP.
Maestro
mobile-dev-incPainless E2E Automation for Mobile and Web
DeepMark
DeepMark helps teachers deliver rapid, consistent marking with meaningful feedback for every student — in a fraction of the time. What once took a week, now takes one free period.
Comments