fragments-mcp

Name: fragments-mcp
Author: ConanMcN

本地服务

github.com/ConanMcN开发工具

代码仓库

关于 fragments-mcp

设计系统 MCP，提供 9 个工具，用于组件发现、渲染和无障碍（a11y）审计。

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置

{
  "mcpServers": {
    "conanmcn-fragments": {
      "command": "npx",
      "args": [
        "-y",
        "@fragments-sdk/mcp"
      ]
    }
  }
}

启动命令npx -y @fragments-sdk/mcp

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包

npm@fragments-sdk/mcp0.5.7stdio

工具

收录的工具列表 · 更新于 2 周前

参数	类型	必填	说明
limit	number	否	要返回的最大结果数（useCase 模式下默认值：10）
format	enum	否	context 模式的输出格式（默认：markdown）markdown \| json
search	string	否	按名称、描述或标签筛选的搜索词
status	enum	否	按组件状态筛选stable \| beta \| deprecated \| experimental
compact	boolean	否	若为 true，则返回最简输出（仅组件名称和类别）
useCase	string	否	要构建内容的描述 — 返回排序后的建议（例如，"form for user email input"、"button to submit data"）
category	string	否	按类别筛选（例如，"actions"、"forms"、"layout"）
component	string	否	要查找替代项的组件名称（例如，"Button"）
verbosity	enum	否	响应详细程度：“compact”（仅名称）、“standard”（默认）、“full”（包括代码在内的所有内容）compact \| standard \| full
includeCode	boolean	否	如果为 true，则包含每个变体的代码示例
includeRelations	boolean	否	如果为 true，则包含组件关系