2018年11月12日

シームレスなブラウザサーバ通信とMCP(Model Context Protocol)をAI/LLMシステムと連携できる開発ツール用のユニバーサルプラグインフレームワークです。

##特徴

• 🔌ユニバーサルプラグインシステム - プラグインを一度作成し、どこでも使用
• バックアップマルチバンドルサポート - Vite、Webpack、Rspack、ファームなどでunpluginで動作します
• ブラウザと開発サーバー間のWebSocketベースの双方向RPC(HTTPとHTTPSで動作します)
• ✓MCPインテグレーション** - AI/LLMの自動化のための組み込みモデルコンテキストプロトコルサーバー
• 確かにDOMインスペクタープラグイン - アウトオブザボックスDOM検査とWebオートメーションの操作
• ✓Development-Only - ゼロプロダクションオーバーヘッド、唯一のdevモードで実行
• コンパイルHTTPSサポート - 自動WebSocketプロキシを介してHTTPS devサーバーとシームレスに動作します

クイックスタート

インストール

セットアップ

ツイート

WebSocketプロキシは、HTTPとHTTPS開発サーバーの両方で自動的に設定されます。

ウェブパック

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