広告掲載
MCP.so
ログイン

shadcn-ui MCP Server

@mamba-mental

リポジトリ

基本情報

カテゴリ

その他

ライセンス

MIT license

トランスポート

stdio

作者

mamba-mental

shadcn-ui MCP Server について

概要はまだありません

shadcn-ui MCP Server の設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

{
  "mcpServers": {
    "shadcn-ui-server": {
      "command": "npx",
      "args": [
        "-y",
        "shadcn-ui-mcp-server"
      ]
    }
  }
}

shadcn-ui MCP Server のツール

4

Get a list of all available shadcn/ui components

Get detailed information about a specific shadcn/ui component

Get usage examples for a specific shadcn/ui component

Search for shadcn/ui components by keyword

概要

What is shadcn-ui MCP Server?

It is a TypeScript-based MCP (Model Context Protocol) server that provides reference information for shadcn/ui components. It helps AI assistants access component documentation, installation instructions, usage examples, props, variants, and code samples by scraping the official shadcn/ui documentation site and GitHub repository.

How to use shadcn-ui MCP Server?

Install dependencies with npm install, build the server with npm run build, then configure it in your MCP client (Claude Desktop, Windsurf, or Cursor) using either the built index.js path or the npx command npx -y shadcn-ui-mcp-server. For development, use npm run watch for auto-rebuild.

Key features of shadcn-ui MCP Server

  • Provides four tools: list_shadcn_components, get_component_details, get_component_examples, and search_components
  • Scrapes and caches data from the official shadcn/ui website and GitHub repository
  • Returns structured component descriptions, installation instructions, and usage examples
  • Supports searching components by keyword
  • Written in TypeScript for type safety

Use cases of shadcn-ui MCP Server

  • An AI assistant retrieving detailed info about a specific shadcn/ui component
  • A developer searching for components that match a keyword in their IDE
  • Automated generation of component examples for documentation or tutorials
  • Integrating shadcn/ui component references into a larger MCP‑enabled toolchain

よくある質問

1

What tools does the shadcn-ui MCP Server provide?

It provides four tools: `list_shadcn_components`, `get_component_details`, `get_component_examples`, and `search_components`.

2

How do I install and configure the shadcn-ui MCP Server?

Install dependencies with `npm install`, build with `npm run build`, then add the server configuration to Claude Desktop, Windsurf, or Cursor using either the local build path or the npx command `npx -y shadcn-ui-mcp-server`.

3

What data sources does it use?

It scrapes and caches information from the official shadcn/ui documentation site (https://ui.shadcn.com) and the shadcn/ui GitHub repository.

4

How can I debug the shadcn-ui MCP Server?

The recommended method is the MCP Inspector, which can be started via `npm run inspector`. It provides a URL to access debugging tools in your browser.

5

Is there a development mode with auto-rebuild?

Yes, run `npm run watch` to automatically rebuild the server when source files change.

コメント

「その他」の他のコンテンツ

LoadOptimizer

LoadOptimizer plans truck, container and pallet loads with a real optimization engine, straight from your AI assistant. Describe the order in plain language, for example "plan 36 Euro pallets on a standard 13.6 m trailer

Senso MCP for Joomla

sensomedia

Senso MCP turns a Joomla 5 or 6 site into a remote MCP server. It runs inside Joomla itself (no extra server, no Node.js bridge) and is secured with OAuth 2.1 and Joomla's own ACL. The free pack lets an AI assistant crea

Reactive Resume

amruthpillai

A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!

39.5K
P

PickFu MCP

PickFu MCP is a Model Context Protocol (MCP) server that connects AI assistants, developers, marketers, product managers, and AI agents to PickFu's consumer research platform. It enables users to create surveys, conduct

YOUB

Connect your AI assistant to your own YOUB endurance training account. Read recorded activities with full analysis, planned sessions, race goals, wellness (HRV, sleep, resting HR) and your athletic profile. Create or mov

広告掲載