{"repo":"mcpc-tech/dev-inspector-mcp","free":true,"listed":false,"github":"https://github.com/mcpc-tech/dev-inspector-mcp","clone":"git clone https://github.com/mcpc-tech/dev-inspector-mcp.git","description":"AI-powered visual debugging for your React, Vue, Svelte, SolidJS, Preact & Next.js app via MCP and ACP","language":"TypeScript","stars":45,"topics":["mcp","dev-inspector-mcp","acp","devtools","react","svelte","vue"],"license":"MIT","category":"mcp-servers","readme_excerpt":"dev-inspector-mcp The missing runtime context for AI coding agents. AI can read your code, but can't see what's happening at runtime. DevInspector provides the missing context: source code location, DOM state, styles, network, console, terminal output, and screenshots. Two modes : Use with your IDE's AI (Cursor, VSCode) via MCP, or run AI agents directly in the browser via ACP ( Claude Code , Codex CLI , Gemini CLI , OpenCode , more). Using Claude Code or another AI agent? Install the DevInspector skill so your agent knows how to set up and troubleshoot the inspector: Table of Contents - Demo Video - Social Media - Key Features - Quick Start - Installation - Automated Setup - Framework Setup - Agent Skills - Configuration - Auto-Update MCP Config - Agent Installation - Custom Agents - MCP Servers Configuration - What It Does - Two Workflow Modes - MCP Tools - Custom Inspector Tools - MCP Prompts - Architecture Demo Video Watch the demo: https://www.youtube.com/shorts/TCt2oOtPS k Social Media Twittter/X Post: https://x.com/yaoandyan/status/1995082020431753600 Key Features Visual Context & Region Selection Click any element to inspect it, or drag to select a region . AI gets the full context: source code location, computed styles, component hierarchy, IDs, classes, text content, and automatically captures screenshots for pixel-perfect visual understanding. Page Overview & Accessibility Tree get page info provides AI with a semantic understanding of the page: URL, viewport, and ","default_branch":null,"files":null,"tree":[],"storefront":"/r/mcpc-tech","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/mcpc-tech/dev-inspector-mcp/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}