English 한국어

AI/LLM 시스템과의 원활한 브라우저 서버 통신 및 MCP (모델 Context Protocol) 통합을 가능하게 하는 개발 도구를위한 범용 플러그인 프레임 워크.

특징

• د Universal Plugin System - 플러그인을 한 번 만들기, 어디서나 사용
• ĪMulti-Bundler Support - Vite, Webpack, Rspack, Farm 등과 같은 작업
• ܧ Real-time Communication - 브라우저와 개발 서버 간의 WebSocket 기반 양방향 RPC (HTTP 및 HTTPS와 호환)
• LOG **MCP 통합 ** - AI/LLM 자동화를 위한 내장 모델 콘텍스 프로토콜 서버
• D DOM Inspector Plugin - 웹 자동화를 위한 Out-of-the-box DOM 검사 및 조작
• 542️ **개발 ** - Zero 생산 오버헤드, 단지 dev 모드에서 실행
• HTTPS 지원** - 자동 WebSocket 프록시를 통해 HTTPS dev 서버와 원활하게 작동

빠른 시작

설치

설정

뚱 베어

WebSocket 프록시는 HTTP 및 HTTPS 개발 서버 모두에 대해 자동으로 구성됩니다.

웹팩

WebSocket 프록시는 webpack-dev-server에서 자동으로 구성됩니다.

RSS 피드

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