@ difficial- labs- sdk/ droplet- mcp

一个MCP(模式上下文协议)服务器,它暴露出Droplet的组件显示于编码代理. 它提供了三种工具—— list-components, (中文(简体) ), get-details,以及 search-components ——因此AI编码助理可以发现并解释可用的UI组件,而不读取原始源文件.

使用量

构建

pnpm build

运行

node dist/index.js

默认情况下,服务器读取 ./components.json设置 DROPLET_MANIFEST 要覆盖 :

# Local file
DROPLET_MANIFEST=./manifests/components.json node dist/index.js

# Remote URL (Storybook-generated manifest)
DROPLET_MANIFEST=https://your-storybook.example.com/manifests/components.json node dist/index.js

环境变量

MCP登记(.mcp.json(中文(简体) )

将服务器添加到您的工程中 .mcp.json 因此,你的编码代理自动拾取:

{
  "mcpServers": {
    "droplet": {
      "command": "node",
      "args": ["./node_modules/@dynamic-labs-sdk/droplet-mcp/dist/index.js"],
      "env": {
        "DROPLET_MANIFEST": "./manifests/components.json"
      }
    }
  }
}