@creative-tim/mcp

MCP (Model Context Protocol) server for Creative Tim. Lets Claude Code, Cursor, Lovable, and any other MCP-compatible AI tool spawn AI agents AND generate complete React + Vite apps from a single prompt.

What's new in 0.3.0: added 5 App Builder tools (app_create, app_message, app_list, app_status, app_delete). Your AI assistant can now build a full website / slides / dashboard / marketing-ads app from a prompt and iterate on it conversationally — same builder that powers creative-tim.com/ui/build.

What it does

Adds 14 tools to your AI assistant:

Agents (claw.agents)

| Tool | Description | |------|-------------| | create_agent | Spin up a new Creative Tim AI agent | | list_agents | List all your agents and their status | | get_agent | Check an agent's current status and lifecycle state | | chat | Send a message and get a reply | | install_skill | Add a capability to an agent | | list_skills | See what skills an agent has | | remove_skill | Remove a skill from an agent | | restart_agent | Restart an agent that's in error state — no data loss | | delete_agent | Permanently delete an agent |

App Builder (client.apps) — new in 0.2.0

| Tool | Description | |------|-------------| | app_create | Generate a new app from a prompt — pick appType: 'website' \| 'slides' \| 'dashboard' \| 'ads' + optional theme. Returns sessionId + previewUrl. Blocks until the build is ready by default. | | app_message | Send a follow-up to an existing project ("add a Pricing page", "swap the hero", "make the CTAs more action-oriented") | | app_list | List your App Builder projects | | app_status | Get the current status of a project (pages, deploy URL, build state) | | app_delete | Permanently delete a project |

Getting an API Key

1. Go to creative-tim.com/ui/dashboard/api-keys
2. Scroll to Creative Tim Agent API Keys
3. Click Create API key — copy your sk-ct-... key (shown once)

Setup

Claude Code

Add to your project's .mcp.json:

{
  "mcpServers": {
    "creative-tim": {
      "command": "npx",
      "args": ["-y", "@creative-tim/mcp"],
      "env": {
        "CREATIVE_TIM_API_KEY": "sk-ct-..."
      }
    }
  }
}

Or add globally via ~/.claude/mcp.json to use across all projects.

Cursor

Add to ~/.cursor/mcp.json (or your project's .cursor/mcp.json):

{
  "mcpServers": {
    "creative-tim": {
      "command": "npx",
      "args": ["-y", "@creative-tim/mcp"],
      "env": {
        "CREATIVE_TIM_API_KEY": "sk-ct-..."
      }
    }
  }
}

Claude Desktop

Add to your claude_desktop_config.json:

{
  "mcpServers": {
    "creative-tim": {
      "command": "npx",
      "args": ["-y", "@creative-tim/mcp"],
      "env": {
        "CREATIVE_TIM_API_KEY": "sk-ct-..."
      }
    }
  }
}

Config file location:

• macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
• Windows: %APPDATA%\Claude\claude_desktop_config.json

Environment Variables

| Variable | Description | |----------|-------------| | CREATIVE_TIM_API_KEY | Your sk-ct-... API key (required) | | CREATIVE_TIM_API_KEY | Alias for CREATIVE_TIM_API_KEY |

Agent lifecycle

Agents move through the following states. Use get_agent to check status:

| Status | Meaning | |--------|---------| | provisioning | Agent is starting up (~60–80s on first create) | | active | Ready to chat | | error | Transient error — use restart_agent to recover |

Example prompts

Once installed, you can ask your AI assistant:

Agents:

• "Create a new Creative Tim agent called Research Bot using my Anthropic key sk-ant-..."
• "List all my Creative Tim agents"
• "Wait for agent sdk-ab3k7 to be active, then chat with it and ask it to summarise this document"
• "Install a web-search skill on my agent"
• "My agent sdk-ab3k7 is in error state — restart it"
• "Delete agent sdk-ab3k7 when you're done"

App Builder:

• "Build me a SaaS landing page for a tax-prep tool with the verdant theme"
• "Generate a 5-slide Q4 sales recap deck for Acme Co"
• "Create a dashboard for monitoring Stripe revenue, signups, and churn"
• "Generate marketing ads for a coffee subscription brand — 4 different angles, IG + TikTok formats"
• "Take my existing project eVPeiLtrzJ and add a Pricing page with three tiers"
• "Swap the hero on my eVPeiLtrzJ project to use a darker theme"

Run directly

CREATIVE_TIM_API_KEY=sk-ct-... npx @creative-tim/mcp

Or install globally:

npm install -g @creative-tim/mcp
CREATIVE_TIM_API_KEY=sk-ct-... ct-mcp

How it works

The MCP server wraps the @creative-tim/agents SDK and exposes its methods as MCP tools over stdio. Your AI assistant calls these tools to manage the full agent lifecycle without leaving the conversation.

Agent provisioning takes ~60–80 seconds on first creation. If a pre-warmed instance is available it takes ~15–20 seconds instead.

License

Apache-2.0 — Creative Tim

OpenClaw is an independent open-source project and is not affiliated with or endorsed by Creative Tim. OpenClaw is licensed under the MIT License. For more information visit openclaw.ai or the OpenClaw GitHub repository.