中文版本

一个通用插件框架，用于开发工具，支持无缝的浏览器-服务器通信，并实现与AI/LLM系统的MCP（模型上下文协议）集成。

特色

• 🔌 通用插件系统 - 插件创建一次，随处使用即可
• 🌐 多捆绑器支持 - 通过卸除插件支持 Vite、Webpack、Rspack、Farm 等
• 🔄 实时通信 - 基于WebSocket的双向RPC，连接浏览器和开发服务器（支持HTTP和HTTPS）
• 🤖 MCP 集成 - 内置模型上下文协议服务器，用于 AI/LLM 自动化
• 🎯 DOM 检查插件 - 开箱即用的 DOM 检测与操作，用于网络自动化
• 🛠️ 仅开发 - 零生产开销，仅在开发模式下运行
• 🔒 HTTPS 支持 - 通过自动 WebSocket 代理与 HTTPS 开发服务器无缝协作

快速启动

安装

布置

维特

WebSocket代理会自动配置用于HTTP和HTTPS开发服务器。

Webpack

WebSocket代理在webpack-dev-server中自动配置。

RSPACK

WebSocket代理在rspack-dev-server中自动配置。

农场

unplugin-devpilot

中文版本

A universal plugin framework for development tools that enables seamless browser-server communication and MCP (Model Context Protocol) integration with AI/LLM systems.

Features

• 🔌 Universal Plugin System - Create plugins once, use everywhere
• 🌐 Multi-Bundler Support - Works with Vite, Webpack, Rspack, Farm, and more via unplugin
• 🔄 Real-time Communication - WebSocket-based bidirectional RPC between browser and development server (works with HTTP and HTTPS)
• 🤖 MCP Integration - Built-in Model Context Protocol server for AI/LLM automation
• 🎯 DOM Inspector Plugin - Out-of-the-box DOM inspection and manipulation for web automation
• 🛠️ Development-Only - Zero production overhead, only runs in dev mode
• 🔒 HTTPS Support - Works seamlessly with HTTPS dev servers via automatic WebSocket proxy

Quick Start

Installation

npm install -D unplugin-devpilot
npm install -D devpilot-plugin-dom-inspector

Setup

Client Import