Atlas / MCP servers / jpisnice / Shadcn UI v4 MCP Server

Shadcn UI v4 MCP ServerBLOCK

mcp/jpisnice/shadcn-ui-mcp-server

A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native

Verdict
BLOCK
Grade
D
Trust score
69 /100
Exposed tools
33 27r · 5w · 1d
Transport
streamable-http
License
MIT
Stars
3,041
01

Overview

From the repository's own README, as read at the audited commit. Badges and raw HTML are left out.

[](https://badge.fury.io/js/@jpisnice%2Fshadcn-ui-mcp-server) [](https://opensource.org/licenses/MIT) [](https://modelcontextprotocol.io/specification/2026-07-28)

[](https://archestra.ai/mcp-catalog/jpisnice__shadcn-ui-mcp-server)

🚀 The fastest way to integrate shadcn/ui components into your AI workflow

A Model Context Protocol (MCP) server that provides AI assistants with comprehensive access to shadcn/ui v4 components, blocks, demos, and metadata. Seamlessly retrieve React, Svelte, Vue, and React Native implementations for your AI-powered development workflow.

✨ Key Features

  • 🎯 Multi-Framework Support - React, Svelte, Vue, and React Native implementations
  • 📦 Component Source Code - Latest shadcn/ui v4 TypeScript source
  • 🎨 Component Demos - Example implementations and usage patterns
  • 🏗️ Blocks Support - Complete block implementations (dashboards, calendars, forms)
  • 📋 Metadata Access - Dependencies, descriptions, and configuration details
  • 🔍 Directory Browsing - Explore repository structures
  • ⚡ Smart Caching - Efficient GitHub API integration with rate limit handling, plus protocol cache hints (ttlMs/cacheScope) on list and read results
  • ⌨️ Argument Completion - Autocomplete for prompt and resource-template arguments (component names, package managers, build tools, and more)
  • 🌐 Streamable HTTP Transport - Stateless /mcp endpoint for multi-client deployments (MCP spec 2026-07-28)
  • 🐳 Docker Ready - Production-ready containerization with Docker Compose

🚀 Quick Start

# Basic usage (60 requests/hour)
npx @jpisnice/shadcn-
Read from source at commit efe9c798fd9cOBSERVED · 2026-10-12
02

Connect

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. Replace the environment placeholders with a token scoped to the least it needs.

claude-code
claude mcp add shadcn-ui-mcp-server --env GITHUB_PERSONAL_ACCESS_TOKEN=${GITHUB_PERSONAL_ACCESS_TOKEN} -- npx -y @jpisnice/[email protected]
claude-desktop
{
  "mcpServers": {
    "shadcn-ui-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@jpisnice/[email protected]"
      ],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "${GITHUB_PERSONAL_ACCESS_TOKEN}"
      }
    }
  }
}
03

Exposed tools (33)

27 read · 5 write · 1 destructive. Blast radius: 1 tool can delete or overwrite — an agent that can be talked into calling a tool can be talked into calling this one.

ToolRiskDescription
actionsdestructiveRow actions (edit, delete, view, custom)
apply_themewriteApply a TweakCN theme preset to the project
authTypereadAuthentication type (login, register, forgot-password, two-factor)
build-shadcn-pagereadGenerate a complete shadcn/ui page using v4 components and blocks
componentreadComponent name to optimize
create-auth-flowwriteGenerate authentication pages using shadcn/ui v4 login blocks
create-dashboardwriteCreate a comprehensive dashboard using shadcn/ui v4 blocks and components
create-data-tablewriteCreate advanced data tables with shadcn/ui components
dashboardTypereadType of dashboard (analytics, admin, user, project, sales)
dataTypereadType of data to display (users, products, orders, analytics)
featuresreadSpecific features or components needed (comma-separated)
get_blockreadGet source code for a specific shadcn/ui v4 block (e.g., dashboard-01, login-02, sidebar-01)
get_componentreadGet the source code for a specific shadcn/ui v4 component
get_component_demoreadGet demo code illustrating how a shadcn/ui v4 component should be used
get_component_metadatareadGet metadata for a specific shadcn/ui v4 component
get_componentsreadList of available shadcn/ui components that can be used in the project
get_directory_structurereadGet the directory structure of the shadcn-ui v4 repository
get_install_script_for_componentwriteGenerate installation script for a specific shadcn/ui component based on package manager
get_installation_guidereadGet the installation guide for shadcn/ui based on build tool and package manager
get_themereadGet details of a specific tweakcn theme
get_theme_metadatareadReturns metadata about the currently configured theme
layoutreadLayout preference (sidebar, header, full-width, centered)
list_blocksreadGet all available shadcn/ui v4 blocks with categorization
list_componentsreadGet all available shadcn/ui v4 components
list_themesreadList available tweakcn themes
navigationreadNavigation style (sidebar, top-nav, breadcrumbs)
optimizationreadType of optimization (performance, accessibility, responsive, animations)
optimize-shadcn-componentreadOptimize or enhance existing shadcn/ui components with best practices
pageTypereadType of page to build (dashboard, login, calendar, sidebar, products, custom)
providersreadAuth providers (email, google, github, apple)
stylereadDesign style (minimal, modern, enterprise, creative)
useCasereadSpecific use case or context for the component
widgetsreadDashboard widgets needed (charts, tables, cards, metrics)
04

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.

LayerWhat it checksResult
L0Provenance & inventoryWARN
L1Static analysis of the codeFAIL
L2Instruction surface (what it tells the agent)PASS
L3Class-specific surfaceWARN
L4Behavioural (sandbox)SKIPPED

What the source does

Filesystem
declared (6 observation(s))
Network
declared (5 observation(s))
Shell
declared (5 observation(s))
Dependencies
not all pinned
Secrets in source
none-found

Findings (15)

HIGHCode injection · code.eval_exec · CWE-78, CWE-94, CWE-95
src/tools/tweakcn/fetch-presets.ts:92
const obj = new Function(`return (${sanitized})`)();
Why it matters. evaluates text as code
Fix. remove; use a parser or a dispatch table
HIGHCode injection · code.eval_exec · CWE-78, CWE-94, CWE-95
src/tools/tweakcn/fetch-presets.ts:118
const obj = new Function(`return (${sanitized})`)();
Why it matters. evaluates text as code
Fix. remove; use a parser or a dispatch table
MEDIUMInventory / provenance · inv.binary · CWE-1104
shadcn-ui-mcp-server.mcpb
shadcn-ui-mcp-server.mcpb
Why it matters. a compiled or binary member cannot be reviewed from source
Fix. ship source, or explain the binary in the README
MEDIUMObfuscation / stealth · obf.zero_width · CWE-506, CWE-94
test-package.ps1:1
# Test script for shadcn-ui-mcp-server (Windows PowerShell)
MEDIUMFilesystem / path · mcp.destructive_tools · CWE-22, CWE-59
actions
Why it matters. 1 tool(s) can delete or overwrite
Fix. prefer a read-only mode or scoped tokens; the page states the blast radius
LOWInventory / provenance · inv.hidden_file · CWE-1104
.mcpbignore
.mcpbignore
Why it matters. hidden member outside the usual dotfiles
Fix. review its purpose
LOWFilesystem / path · fs.traversal · CWE-22, CWE-59
src/tools/blocks/get-block.ts:1
import { getAxiosImplementation, getFramework } from "../../utils/framework.js";
LOWFilesystem / path · fs.traversal · CWE-22, CWE-59
src/tools/blocks/get-block.ts:2
import { logError } from "../../utils/logger.js";
LOWFilesystem / path · fs.traversal · CWE-22, CWE-59
src/tools/blocks/list-blocks.ts:1
import { getAxiosImplementation, getFramework } from "../../utils/framework.js";
LOWFilesystem / path · fs.traversal · CWE-22, CWE-59
src/tools/blocks/list-blocks.ts:2
import { logError } from "../../utils/logger.js";
LOWFilesystem / path · fs.traversal · CWE-22, CWE-59
src/tools/components/get-component-demo.ts:1
import { getAxiosImplementation } from '../../utils/framework.js';
LOWNetwork egress · net.raw_ip · CWE-200, CWE-319
CONTRIBUTING.md:67
`http://127.0.0.1:7423/mcp`, bound to localhost only. It runs with
LOWNetwork egress · net.raw_ip · CWE-200, CWE-319
CONTRIBUTING.md:79
claude mcp add --transport http --scope local shadcn-ui-dev http://127.0.0.1:7423/mcp
LOWSupply chain · supply.unpinned · CWE-829, CWE-1357
package.json
@modelcontextprotocol/node, @modelcontextprotocol/server, axios, cheerio, cors, express, joi, winston
Why it matters. 16 dependency range(s) float
Fix. pin exact versions or ship a lockfile
INFOPrompt injection · prompt.persistence · CWE-94, CWE-1427
docs/getting-started/github-token.md:44
# Add to your shell profile (~/.bashrc, ~/.zshrc, etc.)
Why it matters. instructs the agent to persist itself in the user's environment

Gates applied: no_behavioural_pass.

Audited 2026-10-12 · audit v0.4.1 · source sha efe9c798fd9cfull audit observations/trust-audit/mcp-server/jpisnice__shadcn-ui-mcp-server.json · Report an issue / request a re-scan
05

Audit history

Every audit this server has had. A grade with a past is a grade somebody is still checking.

DateSourceVerdictGradeScoreChange
2026-10-12efe9c798fd9cBLOCKD69first audit
06

Questions

What is the @jpisnice/shadcn-ui-mcp-server MCP server?

A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native

What tools does @jpisnice/shadcn-ui-mcp-server expose?

33 in total: 27 read-only, 5 that write, and 1 that can delete or overwrite (actions). Every one is listed on this page with its risk.

Is @jpisnice/shadcn-ui-mcp-server safe to connect to an agent?

No — not without reading the findings first. The audit graded it D (69/100) and found 2 critical or high issues in the source. Each one is listed on this page with the file and line it is on. Separately from the audit: 1 of its tools can destroy data, so scope the token you give it to what you actually need.

What credentials does @jpisnice/shadcn-ui-mcp-server need?

It reads GITHUB_PERSONAL_ACCESS_TOKEN from the environment. Give it a token scoped to the least it needs — an agent that can be talked into calling a tool can be talked into calling it with your credentials.

How does @jpisnice/shadcn-ui-mcp-server run?

It speaks streamable-http, so it runs as a service you connect to over the network. It is published on npm as @jpisnice/shadcn-ui-mcp-server at 3.0.0.

How current is this page?

The grade is for one exact copy of the source (efe9c798fd9c), read on 2026-10-12. The repository is watched and re-audited when it changes.

Advertisement