@mcpc-tech/unplugin-dev-inspector-mcp 0.0.14 → 0.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +17 -2
- package/package.json +24 -1
package/README.md
CHANGED
|
@@ -20,9 +20,20 @@ tags:
|
|
|
20
20
|
|
|
21
21
|
**AI-powered visual debugging for React & Vue via MCP and ACP.**
|
|
22
22
|
|
|
23
|
+
DevInspector connects your web app directly to your AI agent. Click any element to instantly send its source code, style, and network context to the AI for analysis and fixing.
|
|
24
|
+
|
|
23
25
|
Works with any MCP-compatible AI client. Supports ACP agents: **Claude Code**, **Codex CLI**, **Gemini CLI**, **OpenCode**, and [more](https://agentclientprotocol.com/overview/agents).
|
|
24
26
|
|
|
25
|
-
|
|
27
|
+
## 📑 Table of Contents
|
|
28
|
+
|
|
29
|
+
- [Demo Video](#-demo-video)
|
|
30
|
+
- [Key Features](#-key-features)
|
|
31
|
+
- [Quick Start](#-quick-start)
|
|
32
|
+
- [Configuration](#-configuration)
|
|
33
|
+
- [How It Works](#-what-it-does)
|
|
34
|
+
- [Workflow Modes](#-two-workflow-modes)
|
|
35
|
+
- [MCP Tools](#-mcp-tools)
|
|
36
|
+
- [Architecture](#-architecture)
|
|
26
37
|
|
|
27
38
|
## 🎬 Demo Video
|
|
28
39
|
|
|
@@ -32,7 +43,7 @@ Click any element → AI diagnoses issues, inspects source, analyzes network, an
|
|
|
32
43
|
|
|
33
44
|
## 📢 Social Media
|
|
34
45
|
|
|
35
|
-
🐦 **
|
|
46
|
+
🐦 **Twittter/X Post:** [https://x.com/yaoandyan/status/1995082020431753600](https://x.com/yaoandyan/status/1995082020431753600?s=20)
|
|
36
47
|
|
|
37
48
|
## 👥 Team
|
|
38
49
|
|
|
@@ -62,11 +73,15 @@ Switch between agents (Claude Code, Goose) and track their debugging progress vi
|
|
|
62
73
|
|
|
63
74
|
## Quick Start
|
|
64
75
|
|
|
76
|
+
### Installation
|
|
77
|
+
|
|
65
78
|
```bash
|
|
66
79
|
# npm
|
|
67
80
|
npm i -D @mcpc-tech/unplugin-dev-inspector-mcp
|
|
81
|
+
|
|
68
82
|
# pnpm
|
|
69
83
|
pnpm add -D @mcpc-tech/unplugin-dev-inspector-mcp
|
|
84
|
+
|
|
70
85
|
# yarn
|
|
71
86
|
yarn add -D @mcpc-tech/unplugin-dev-inspector-mcp
|
|
72
87
|
```
|
package/package.json
CHANGED
|
@@ -1,9 +1,32 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mcpc-tech/unplugin-dev-inspector-mcp",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.16",
|
|
4
4
|
"description": "Universal dev inspector plugin for React/Vue - inspect component sources and API calls in any bundler",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
|
+
"repository": {
|
|
8
|
+
"type": "git",
|
|
9
|
+
"url": "git+https://github.com/mcpc-tech/dev-inspector-mcp.git",
|
|
10
|
+
"directory": "packages/unplugin-dev-inspector"
|
|
11
|
+
},
|
|
12
|
+
"bugs": {
|
|
13
|
+
"url": "https://github.com/mcpc-tech/dev-inspector-mcp/issues"
|
|
14
|
+
},
|
|
15
|
+
"homepage": "https://github.com/mcpc-tech/dev-inspector-mcp#readme",
|
|
16
|
+
"keywords": [
|
|
17
|
+
"mcp",
|
|
18
|
+
"inspector",
|
|
19
|
+
"debug",
|
|
20
|
+
"ai",
|
|
21
|
+
"agent",
|
|
22
|
+
"react",
|
|
23
|
+
"vue",
|
|
24
|
+
"vite",
|
|
25
|
+
"webpack",
|
|
26
|
+
"nextjs",
|
|
27
|
+
"devtools",
|
|
28
|
+
"unplugin"
|
|
29
|
+
],
|
|
7
30
|
"bin": {
|
|
8
31
|
"dev-inspector-server": "./dist/cli.js"
|
|
9
32
|
},
|