Shadcn-VueBLOCK
Shadcn-vue and Tailwind CSS are essential for component development, offering developers a fast and high-quality experience in Vue component development.
Overview
From the repository's own README, as read at the audited commit. Badges and raw HTML are left out.
A powerful AI Agent tool that helps developers instantly create high-quality UI components
[](https://GitHub.com/HelloGGX/shadcn-vue-mcp/network/) [](https://GitHub.com/HelloGGX/shadcn-vue-mcp/stargazers/) [](https://GitHub.com/HelloGGX/shadcn-vue-mcp/commit/) [](https://smithery.ai/server/@HelloGGX/shadcn-vue-mcp) [](https://github.com/HelloGGX/shadcn-vue-mcp/blob/main/LICENSE) [](https://github.com/HelloGGX/shadcn-vue-mcp/graphs/contributors)
[](https://mseep.ai/app/helloggx-shadcn-vue-mcp)
Shadcn-vue MCP Server is a powerful AI-driven tool that helps developers instantly create beautiful, modern UI components through natural language descriptions. It integrates the shadcn-vue component library and tailwindcss, seamlessly connects with mainstream IDEs, and provides a streamlined UI development workflow.
🌐 Available Languages:
35d5031ac892OBSERVED · 2026-10-07Connect
Built from this server's own package name, version and transport as found in its source — not copied from anyone's documentation, so it cannot drift against a page we do not control.
claude mcp add mcp-server -- npx -y [email protected]
{
"mcpServers": {
"mcp-server": {
"command": "npx",
"args": [
"-y",
"[email protected]"
]
}
}
}Exposed tools (5)
5 read · 0 write · 0 destructive.
| Tool | Risk | Description |
|---|---|---|
component-builder | read | Retrieve documentation for all filtered components and charts to prepare for component generation, This tool ONLY returns the text snippet for that UI component. After calling this tool, you must edit or add files to integrate the snippet into the codebase. |
component-quality-check | read | Automatically check Vue component quality and provide detailed feedback. Use this tool when you need to validate component quality, accessibility, performance, and best practices compliance. or when mentions /check. |
component-usage-doc | read | read usage doc of a component, Use this tool when mentions /doc. |
components-filter | read | filter components with shadcn/ui components and tailwindcss, Use this tool when mentions /filter |
requirement-structuring | read | analyze the user |
Trust audit
BLOCKgrade D · trust 69/100 Do not install this without reading the findings. The audit found something that could harm you or your machine.
| Layer | What it checks | Result |
|---|---|---|
| L0 | Provenance & inventory | PASS |
| L1 | Static analysis of the code | FAIL |
| L2 | Instruction surface (what it tells the agent) | PASS |
| L3 | Class-specific surface | PASS |
| L4 | Behavioural (sandbox) | SKIPPED |
What the source does
- Filesystem
- declared (1 observation(s))
- Network
- declared (5 observation(s))
- Shell
- declared (2 observation(s))
- Dependencies
- not all pinned
- Secrets in source
- none-found
Findings (6)
!function(){var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function e(t){var e={exports:{}};return(()=>{"use strict";var e={},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var a=t[o]={exports:{}},i=!0;try{e[o](a,a.exports,r),i=!1}finally{i&&delete t[o]}return a.exports}r.m=e,(()=>{v".env" ... fetch(
const url = `http://127.0.0.1:${availablePort}?id=${this.sessionId}`;"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[870],{9870:(e,t,r)=>{r.r(t),r.d(t,{SandpackNode:()=>en});var n=r(7192),i=Object.create,s=Object.defineProperty,o=Object.getOwnPropaxios, cors, express, fast-glob, fastmcp, marked, open, zod
Gates applied: no_behavioural_pass.
35d5031ac892full audit observations/trust-audit/mcp-server/helloggx__shadcn-vue.json · Report an issue / request a re-scanAudit history
Every audit this server has had. A grade with a past is a grade somebody is still checking.
| Date | Source | Verdict | Grade | Score | Change |
|---|---|---|---|---|---|
| 2026-10-07 | 35d5031ac892 | BLOCK | D | 69 | first audit |
Questions
What is the Shadcn-Vue MCP server?
Shadcn-vue and Tailwind CSS are essential for component development, offering developers a fast and high-quality experience in Vue component development.
What tools does Shadcn-Vue expose?
5 in total: 5 read-only, 0 that write, and 0 that can delete or overwrite. Every one is listed on this page with its risk.
Is Shadcn-Vue safe to connect to an agent?
No — not without reading the findings first. The audit graded it D (69/100) and found 3 critical or high issues in the source. Each one is listed on this page with the file and line it is on.
What credentials does Shadcn-Vue need?
No credential environment variables were found in its source, so it appears to need none.
How current is this page?
The grade is for one exact copy of the source (35d5031ac892), read on 2026-10-07. The repository is watched and re-audited when it changes.