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.
AlicenseAqualityAmaintenanceDebug bridge inside your web app: an agent reads the DOM, console and network. Any browser.164MITWhy 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.71455Apache 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.515MITWhy 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.5183MITWhy 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?
Provides capabilities to unpack Webpack and Browserify bundles, allowing individual modules to be analyzed and navigated separately.
AlicenseBqualityDmaintenanceAn LLM-optimized server for reverse-engineering and navigating minified JavaScript bundles by splitting them into searchable, individual modules. It enables LLMs to analyze code architecture, extract specific symbols, and perform semantic searches while efficiently managing context window usage.104215MITWhy 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.593MITWhy this server?
Provides build tooling configuration using Webpack for frontend applications
AlicenseCqualityDmaintenanceAn AI-powered Model Context Protocol server for Claude Code that provides code intelligence tools including codebase analysis, task management, component generation, and deployment configuration.2316GPL 3.0