title	emoji	colorFrom	colorTo	sdk	sdk_version	app_file	pinned	short_description	tags
Inspect Web Mcp	😻	purple	red	gradio	5.49.1	app.py	false	Debugging your web project using MCP with inspecting UI	building-mcp-track-creative

@mcpc-tech/unplugin-dev-inspector-mcp

Universal dev inspector plugin for React - inspect component sources and API calls in any bundler.

Monorepo Structure

packages/
  unplugin-dev-inspector/  # Main plugin package
examples/
  demo/                    # Demo app for testing

Quick Start

# Install dependencies
pnpm install

# Build the plugin
pnpm build

# Run demo
pnpm dev:demo

Plugin Usage

Works with Vite, Webpack, Rollup, esbuild, and Rspack.

// vite.config.ts
import DevInspector from '@mcpc-tech/unplugin-dev-inspector-mcp/vite';

export default {
  plugins: [DevInspector(), react()],
};

Development

# Build plugin
cd packages/unplugin-dev-inspector
pnpm build

# Build client UI
pnpm build:client

License

MIT