Feedthroughofficial
A
licenseA
qualityB
maintenanceDebug bridge inside your web app: an agent reads the DOM, console and network. Any browser.
16
4
MIT
Best Webpack MCP Servers
Webpack is a module bundler for JavaScript applications that transforms front-end assets such as HTML, CSS, and images into a production-ready bundle.
Why this server?
Adds the bridge as a global entry point in Webpack configurations, enabling AI agents to debug Webpack-based applications.
Why this server?
Supports webpack dev builds via a loader that tags JSX/TSX elements with source locations for agent selection and source jumping.
AlicenseAqualityBmaintenanceLets MCP agents drive VS Code's integrated browser tab that the user shares with them: opening pages, taking accessibility snapshots and screenshots, clicking, typing, scrolling, dragging and reading console and network activity with real trusted input. It also maps a picked element back to the source file, line and column that rendered it, so an agent receives the same selection the developer clicked.24MITWhy this server?
Enables project setup with Webpack bundler configured for Tailwind CSS
AlicenseBqualityDmaintenanceAdvanced Model Context Protocol server that integrates Gemini AI with Tailwind CSS, providing intelligent component generation, class optimization, and cross-platform design assistance across major development environments.1011MITWhy this server?
Generates Webpack configurations optimized for specific browser targets with appropriate polyfills and build settings
AlicenseAqualityDmaintenanceProvides intelligent CSS/JS feature compatibility checking with configurable browser targets, polyfill support, and smart project scanning. Enables developers to automatically detect browser compatibility issues and get actionable remediation steps with build tool configurations.57 npm3MITWhy this server?
Detects and provides information about webpack-dev-server instances, including port, PID, memory usage, and allows killing them.
AlicenseAqualityDmaintenanceInspect, manage, and kill local dev servers via MCP. Stop guessing what's on :3000. Five tools: list servers with framework detection, inspect ports, find zombies, diagnose conflicts, safe-kill with dry-run default. Local, no cloud, no telemetry.59 npm3MITWhy this server?
Detects Webpack as a build tool in Node.js projects.
AlicenseBqualityCmaintenanceAn MCP server that standardizes and binds development tool patterns, enabling AI assistants like Claude Code to generate code more efficiently with fewer errors and better autocorrection.7144 npm5Apache 2.0Why this server?
Integrates with Webpack (and Rspack) to capture build logs and serve them via MCP tools.
AlicenseAqualityDmaintenanceAn MCP server for tailing Re.Pack/Rspack dev server logs. Enables AI assistants to query build logs, find errors, and monitor compilation status.515 npmMITWhy this server?
Supports upgrading Webpack, including dependency analysis, breaking change detection, and safe migration steps.
AlicenseBqualityDmaintenanceEnables AI agents to safely upgrade JavaScript and TypeScript projects through dependency analysis, upgrade path detection, breaking change identification, codemod application, and PR summary generation.147 npmMITWhy this server?
Manages Webpack bundling and build tasks.
AlicenseAqualityDmaintenanceAI-powered MCP server that analyzes project structures to create optimized task architectures for mise, enabling intelligent task management, dependency mapping, and automated task suggestions.10MIT