ai.shippp/mcp

Official

by shippp

Deterministic Chakra UI code from your Shippp design files, straight into your IDE agent.

The ai.shippp/mcp (slug: ai-shippp-mcp) server generates deterministic Chakra UI code from Shippp design files and delivers that output for use inside an IDE agent. Its description specifies a workflow that takes design inputs and produces Chakra UI code consistently.

🛠️ Key Features

Deterministic Chakra UI code generation from Shippp design files
Output intended to be used by an IDE agent

🚀 Use Cases

Converting Shippp design files into Chakra UI code
Supporting IDE agent workflows that require Chakra UI components

⚡ Developer Benefits

Deterministic output for repeatable code generation

⚠️ Limitations

No additional tool details, capabilities, or constraints are provided in the available source data

Install

Configuration

Environment variables

SHIPPP_API_KEYrequiredsecret

Your Shippp API key (sk_...), created in your Shippp workspace settings.

SHIPPP_API_URL

Shippp API base URL. Optional — defaults to the Shippp production URL.

Add to VS Code Add to Cursor

claude_desktop_config.json

json

{
  "mcpServers": {
    "mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@shippp/mcp@0.1.1"
      ],
      "env": {
        "SHIPPP_API_KEY": "<YOUR_SHIPPP_API_KEY>",
        "SHIPPP_API_URL": "<YOUR_SHIPPP_API_URL>"
      }
    }
  }
}