Best Vue.js MCP Servers
Vue.js is a progressive JavaScript framework for building user interfaces. It is designed to be incrementally adoptable and can function as a framework that helps developers build UIs with a component-based approach.
Why this server?
Provides tools for building Vue.js components, including creating files with Vue SFC support, converting HTML to Stellify elements, and managing reactive refs and imports.
AlicenseAqualityBmaintenanceEnables AI assistants to incrementally build Laravel and Vue.js applications by creating file structures, methods, and code through natural conversation.503041MITWhy this server?
Evaluates Vue.js templates and components for adherence to UX laws and web usability patterns.
AlicenseBqualityDmaintenanceAn MCP server for auditing and analyzing user interfaces across 20 platforms based on 30 fundamental UX laws. It provides automated code detection, platform-specific checklists, and comparative analysis to optimize design usability.237102MITWhy this server?
Tested on Vue.js Vitepress SPA, detects accessibility bugs through automated exploratory testing of Vue.js applications.
AlicenseAqualityAmaintenanceAI-powered exploratory QA agent. Explores web apps like a real user — 18 MCP tools for clicking, filling forms, and navigating. Automatically verifies that actions persist (fake deletes, failed edits). Runs 16 detection types including dead links, SEO, accessibility, and performance checks.2292MITWhy this server?
Supports generation of Vue.js components for Bitcoin Stamps integration, including gallery components that display stamp data.
AlicenseBqualityDmaintenanceA Model Context Protocol server that enables interaction with Bitcoin Stamps data via the Stampchain API, providing tools for querying stamp information, collections, and blockchain data without requiring authentication.13MITWhy this server?
Provides comprehensive information about Element-UI v2.15.14 components for Vue.js 2, including component documentation, properties, events, and usage examples to assist with code generation and maintenance of Vue 2 projects.
AlicenseBqualityDmaintenanceProvides comprehensive Element-UI v2.15.14 component documentation including properties, events, and usage examples to help AI assistants generate accurate Vue 2 code.8103MITWhy this server?
Supports Vue.js framework for AI-driven component design and code generation, enabling automated creation of Vue components from natural language requirements
FlicenseBqualityDmaintenanceEnables AI-driven frontend component design and code generation from natural language requirements. Supports Vue, React, and Angular with intelligent component decomposition, API design, and complete project generation.43Why this server?
Generates Vue 3 list page components with filters, tables, and pagination based on configurable specifications, including support for Element Plus UI components.
AlicenseCqualityDmaintenanceA Model Context Protocol server that automates code generation for web development, specializing in creating TypeScript API clients from Swagger/OpenAPI specs and Vue.js components for frontend development.310MITWhy this server?
Provides framework-aware access to Vue.js applications, enabling the AI to interact with Vue's reactive data and component state directly from the live browser.

crawlio-browserofficial
Alicense-qualityAmaintenanceMCP server that gives AI full control of a live Chrome browser via CDP, with 145 tools for framework-aware intelligence, evidence analysis, and SEO auditing. Connects to your existing Chrome via an extension, enabling interaction with dynamic and authenticated web pages.1,5644Apache 2.0Why this server?
Provides tools for Vue component development and restoration, including screenshot capture and visual comparison.
Alicense-qualityDmaintenanceA comprehensive MCP server for Vue component development and Figma design restoration, featuring snapDOM-powered screenshots, pixel-perfect visual comparison, and automated SVG optimization.417MIT