caramell-mcp-server

Caramell MCP Server - Access your Caramell projects from any AI coding tool.

Installation

Add to your MCP settings (Claude Code, Cursor, Windsurf, VS Code):

{
  "mcpServers": {
    "caramell": {
      "command": "npx",
      "args": ["-y", "caramell-mcp-server"],
      "env": {
        "CARAMELL_API_KEY": "your-api-key"
      }
    }
  }
}

Get API Key

1. Go to caramell.app/settings/mcp
2. Sign in and copy your API key

Tools

list_projects

Get your recent Caramell projects.

Input: { limit?: number }  // default: 10, max: 20
Output: List of projects with id, name, createdAt

view_project

Get the code of a specific project.

Input: { projectId: string }
Output: Project name, HTML code, preview URL

Workflow

1. Create a landing page at caramell.app
2. Use list_projects to see your projects
3. Use view_project to get the code
4. Integrate into your project (React, Next.js, Vue, etc.)

Built by the Caramell team