🔧

Shadcn Vue MCP Server

🔧MCP Server

HelloGGX/shadcn-vue-mcp

|

What it does

|

Generates and instantly creates Vue UI components using shadcn-vue and tailwindcss by interpreting natural language descriptions, seamlessly integrating with developer workflows.

Overview

Shadcn Vue MCP Server is an AI-driven MCP server that helps developers instantly create high-quality Vue UI components through natural language descriptions. It integrates the shadcn-vue component library and Tailwind CSS, connecting seamlessly with mainstream IDEs.

Key Features

Generate Vue UI components from natural language descriptions
Built-in integration with shadcn-vue and Tailwind CSS
Intelligent component selection and recommendation
Accessibility and performance best practices built in
Seamless IDE integration for streamlined development

Who is this for?

This MCP server is designed for Vue.js developers who want to rapidly build UI components without writing boilerplate. It is especially useful for teams using shadcn-vue and Tailwind CSS who want to accelerate frontend development.

remotehosted

Installation

Claude CodeAuto-generated from README. View full documentation on GitHub →

claude mcp add shadcn-vue-mcp -- npx -y @smithery/cli@latest run @HelloGGX/shadcn-vue-mcp --key your api key --profile parental-gayal-aplQPT

Claude Desktop ConfigurationServer configuration (JSON)

{
  "mcpServers": {
    "shadcn-vue-mcp": {
      "command": "npx",
      "args"...

108

Last UpdatedNov 16, 2025