@shippp/mcp

@shippp/mcp

Pull production-perfect Chakra UI code from your Shippp design files straight into your IDE agent (Claude Code, Cursor, …).

Setup

• Create an API key in your Shippp workspace settings. It's shown once — copy it.
• Add the server to your IDE's MCP config:

{
  "mcpServers": {
    "shippp": {
      "command": "npx",
      "args": ["-y", "@shippp/mcp"],
      "env": {
        "SHIPPP_API_KEY": "sk_...",
        "SHIPPP_API_URL": "https://app.shippp.ai"
      }
    }
  }
}

SHIPPP_API_URL is optional (defaults to the Shippp production URL).

Tools

Tool	Returns
shippp_list_units	The file's screens + components (id + name). Call first to discover ids.
shippp_get_component	One component's Chakra .tsx.
shippp_get_tokens	The design tokens as a Chakra theme.
shippp_get_design_system	The whole design system as a package.
shippp_get_project	The whole file as a runnable Next.js project.
shippp_diff	Your current code vs a fresh generation.

Read-only. The server never modifies your design.