Discover the toolingbehind modern intelligence
The operating system for AI infrastructure discovery. Search a live map of MCP servers, AI agents, LLM tools, automation systems, and developer infrastructure.
shadcn-vue-mcp
Shadcn-vue and Tailwind CSS are essential for component development, offering developers a fast and high-quality experience in Vue component development.
109stars
9forks
TypeScript
Quality signals
StaleNo testsNo CIThin docsNo licensePopular
AI summary
Auto-generated overview of what this skill does and when to reach for it.
A Vue component library with Tailwind CSS styling for rapid, high-quality UI development in Vue 3 projects.
Use this when
- Need a Vue 3 component library with Tailwind styling
- Starting a new Vue 3 project with shadcn-vue
- Want pre-built, customizable UI components
- Avoiding heavy UI frameworks like Vuetify or Element Plus
- Building a design system from scratch with Tailwind
Capabilities
- Pre-styled Vue 3 components
- Tailwind CSS integration for styling
- Customizable component variants
- TypeScript support
- Dark mode ready
- Accessible by default
InstallMCPInstall as a Claude Code skill
Universal installANY TOOL
$ npx skillcity@latest HelloGGX/shadcn-vue-mcpAuto-detects the skill or MCP server in this repo and installs it for Claude Code, Codex, Cursor, Cline, OpenCode, Gemini CLI, Anti-Gravity, OpenClaw and Hermes.
Requires Node.js 18+ (ships with npx).
Or install manually
# Install into ~/.claude/skills/ mkdir -p ~/.claude/skills/shadcn-vue-mcp curl -fsSL https://raw.githubusercontent.com/HelloGGX/shadcn-vue-mcp/main/README.md -o ~/.claude/skills/shadcn-vue-mcp/SKILL.md
Loading README…
Ask a simulated agent to run this skill. It loads the real SKILL.md and reasons over your task with NVIDIA.
shadcn-vue-mcp — sandboxAI sandbox
Pick a quick prompt below or type your own — watch the agent execute this skill step by step.
guest@skillcity:~$Try a prompt