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.
AlicenseAqualityAmaintenanceLets 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.425MITWhy this server?
Provides access to webpack documentation through DevDocs.io, enabling search and retrieval of webpack bundler documentation content.
AlicenseAqualityDmaintenanceProvides access to 600+ documentation libraries from DevDocs.io including Python, JavaScript, React, Django, and more. Enables searching, browsing, and retrieving documentation content directly through Claude Desktop.55MITWhy 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?
Analyzes Webpack configuration as part of Symfony's frontend asset management.
AlicenseAqualityAmaintenanceEnables AI assistants to perform read-only introspection of Symfony applications, exposing routes, controllers, services, entities, database schema, migrations, logs, and more via MCP tools.523 npmMITWhy 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.55 npm3MITWhy 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.10MITWhy 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.7132 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.58 npmMIT