design-system-mcp-sandbox
デザインシステムのコンポーネント情報を取得するための MCP サーバー(sandbox 環境)
セットアップ
- インストール
npm install
- ビルド
npm run build
使い方
サーバーの起動(例:Cursor)
{
"mcpServers": {
"design-system-mcp-sandbox": {
"command": "node",
"args": ["/path/to/design-system-mcp-sandbox/dist/index.js"],
"env": {
"ROOT_DIR": "/path/to/your/design-system"
}
}
}
}
利用可能なツール
get_available_components
デザインシステムで利用可能なすべてのコンポーネントの一覧を取得します。
get_component_files
特定のコンポーネントに関連するファイルとその内容を取得します。
Recommend MCP Servers 💡
zettelkasten-mcp
A Model Context Protocol (MCP) server that implements the Zettelkasten knowledge management methodology, allowing you to create, link, explore and synthesize atomic notes through Claude and other MCP-compatible clients.
FileScopeMCP
Analyzes your codebase identifying important files based on dependency relationships. Generates diagrams and importance scores per file, helping AI assistants understand the codebase. Automatically parses popular programming languages such as Python, C, C++, Rust, Zig, Lua.
hitl-mcp-server
A powerful MCP Server that enables AI assistants like Claude to interact with humans through intuitive GUI dialogs
upstash/context7
Provides up-to-date, version-specific code documentation for LLMs and AI code editors via the Model Context Protocol (MCP)
maestro-mcp-server
A Model Context Protocol (MCP) server for interacting with Bitcoin via the Maestro API platform
OSV-MCP
A lightweight MCP (Model Context Protocol) server for OSV Database API, providing tools to query CVE information.