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.Last updated162MITWhy 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.Last updated103414MITWhy 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.Last updated1011MITWhy this server?
Detects and provides information about webpack-dev-server instances, including port, PID, memory usage, and allows killing them.
AlicenseAqualityBmaintenanceInspect, 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.Last updated5232MITWhy 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.Last updated533MITWhy this server?
Detects Webpack as a build tool in Node.js projects.
AlicenseBqualityDmaintenanceAn 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.Last updated71505Apache 2.0Why this server?
Provides access to search and browse official Webpack documentation and configuration references through DevDocs.io.
FlicenseAqualityDmaintenanceProvides AI models with direct access to documentation for over 600 technologies from DevDocs.io, including popular languages, frameworks, and tools. It enables comprehensive searching, content retrieval, and offline access via an intelligent local caching system.Last updated122Why this server?
Provides access to webpack documentation through DevDocs.io, enabling search and retrieval of webpack bundler documentation content.
FlicenseAqualityDmaintenanceProvides 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.Last updated53Why this server?
Provides a Webpack plugin to integrate the MCP server into a Webpack-based Vue project, enabling real-time debugging and state manipulation.
Alicense-qualityDmaintenanceEnables real-time debugging and state manipulation of Vue.js applications through MCP protocol, integrating with Vue DevTools to access component trees, states, router info, and Pinia stores.Last updated2344MIT