The ai.shippp/mcp server provides deterministic Chakra UI code generated from Shippp design files, and delivers that output directly into an IDE agent workflow. Its description emphasizes converting design inputs into repeatable UI code suitable for development environments.

🛠️ Key Features

Deterministic Chakra UI code generation
Input: Shippp design files
Output: code sent “straight into your IDE agent”

🚀 Use Cases

Turning Shippp design files into Chakra UI source code
Supporting an IDE agent that consumes generated UI code

⚡ Developer Benefits

Repeatable (deterministic) UI code generation
Direct integration into an IDE agent to streamline code handoff from design to implementation

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>"
      }
    }
  }
}