MCP.so
ログイン

Vite MCP Server

@ESnark

リポジトリホームページ

Vite MCP Server について

MCP Server for Frontend dev environment (formerly known as vite-mcp-server)

基本情報

カテゴリ

その他

ランタイム

node

トランスポート

stdio

公開者

ESnark

設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

{
  "mcpServers": {
    "blowback": {
      "command": "npx",
      "args": [
        "-y",
        "blowback-context"
      ],
      "env": {
        "PROJECT_ROOT": ""
      }
    }
  }
}

ツール

ツールは検出されませんでした

ツールは README から自動的に抽出されます。メンテナーは ## Tools という見出しの下に記載することで、このタブに反映できます。

概要

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.

コメント

「その他」の他のコンテンツ

🪟 Windows-MCP

CursorTouch

MCP Server for Computer Use in Windows

6.3K

IDA Pro MCP

mrexodia

AI-powered reverse engineering assistant that bridges IDA Pro with language models through MCP.

9.9K

Codelf

unbug

A search tool helps dev to solve the naming things problem.

14.2K

Sequential Thinking

modelcontextprotocol

Model Context Protocol Servers

88.2K

🚀 Model Context Protocol (MCP) Curriculum for Beginners

microsoft

This open-source curriculum introduces the fundamentals of Model Context Protocol (MCP) through real-world, cross-language examples in .NET, Java, TypeScript, JavaScript, Rust and Python. Designed for developers, it focuses on practical techniques for building modular, scalable,

16.7K