@dynamic-labs-sdk/droplet-mcp

An MCP (Model Context Protocol) server that exposes Droplet's component manifest to coding agents. It provides three tools — list-components, get-details, and search-components — so AI coding assistants can discover and reason about the available UI components without reading raw source files.

Usage

Build

pnpm build

Run

node dist/index.js

By default the server reads ./components.json. Set DROPLET_MANIFEST to override:

# 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

Environment variables

| Variable | Default | Description | | ------------------ | ------------------- | --------------------------------------------------------------------------- | | DROPLET_MANIFEST | ./components.json | Path or http(s):// URL to the Storybook-generated manifests/components.json |

MCP registration (.mcp.json)

Add the server to your project's .mcp.json so your coding agent picks it up automatically:

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