Templated MCP Server

MCP (Model Context Protocol) server for Templated - the API for automated image, video, and PDF generation.

This server enables AI assistants like Claude, Cursor, and ChatGPT to interact with your Templated account - generate renders, manage templates, upload assets, and access all API features using natural language.

Features

• Render Generation: Create images (JPG, PNG, WebP), videos (MP4), and PDFs from templates
• Template Management: List, create, update, clone, and delete templates
• Layer Inspection: Get template layers to understand what can be customized
• Asset Management: Upload and manage images, videos, and custom fonts
• Folder Organization: Create and manage folders for templates

Quick Start

Get Your API Key

1. Sign up at app.templated.io
2. Go to your API Key page
3. Copy your API key

Connection Options

Option 1: Remote Server (Recommended)

Use our hosted MCP server - no installation required, always up-to-date.

Endpoint: https://mcp.templated.io/mcp?apiKey=YOUR_API_KEY

Cursor IDE

Add to ~/.cursor/mcp.json:

{
  "mcpServers": {
    "templated": {
      "url": "https://mcp.templated.io/mcp?apiKey=your-api-key-here"
    }
  }
}

ChatGPT

1. Go to Settings → Connected Apps → Add MCP Server
2. Enter URL: https://mcp.templated.io/mcp?apiKey=your-api-key-here
3. Set Authentication to No Auth
4. Click Create

Option 2: Local Server

Run the MCP server locally on your machine. Requires Node.js 18+.

Claude Desktop

Claude Desktop requires running the server locally. Add to your config file:

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

{
  "mcpServers": {
    "templated": {
      "command": "npx",
      "args": ["mcp-server-templated"],
      "env": {
        "TEMPLATED_API_KEY": "your-api-key-here"
      }
    }
  }
}

Cursor IDE (Local)

Add to ~/.cursor/mcp.json:

{
  "mcpServers": {
    "templated": {
      "command": "npx",
      "args": ["mcp-server-templated"],
      "env": {
        "TEMPLATED_API_KEY": "your-api-key-here"
      }
    }
  }
}

Manual Installation

# Using npx (no install needed)
npx mcp-server-templated

# Or install globally
npm install -g mcp-server-templated

Available Tools

Render Operations

| Tool | Description | |------|-------------| | create_render | Create an image, video, or PDF from a template | | get_render | Get details of a specific render | | list_renders | List all renders in your account | | delete_render | Delete a render | | merge_renders | Merge multiple PDF renders into one |

Template Operations

| Tool | Description | |------|-------------| | list_templates | List all templates (with search/filter) | | get_template | Get template details | | get_template_layers | Get all layers of a template | | get_template_pages | Get pages of a multi-page template | | create_template | Create a new template | | update_template | Update an existing template | | clone_template | Clone a template | | delete_template | Delete a template | | list_template_renders | List renders from a template |

Folder Operations

| Tool | Description | |------|-------------| | list_folders | List all folders | | create_folder | Create a new folder | | update_folder | Rename a folder | | delete_folder | Delete a folder |

Asset Operations

| Tool | Description | |------|-------------| | list_uploads | List uploaded assets | | create_upload | Upload a file from URL | | delete_upload | Delete an upload | | list_fonts | List custom fonts | | upload_font | Upload a custom font | | delete_font | Delete a font |

Account

| Tool | Description | |------|-------------| | get_account | Get account info and API usage |

Example Usage

Once configured, you can ask your AI assistant to:

• "List my templates"
• "Create a render from template [ID] with the title set to 'Hello World'"
• "Generate a PDF certificate with the name 'John Doe'"
• "What layers does template [ID] have?"
• "Create a new template called 'Social Post' with a title and image layer"
• "Clone my Instagram template and rename it"
• "Upload this image to my account"
• "Show my API usage and account info"

Creating a Render

"Create a render using template abc-123 with these changes:
- Set the 'title' layer text to 'Welcome!'
- Set the 'photo' layer image to https://example.com/photo.jpg
- Output as PNG with transparent background"

Claude will use the create_render tool with:

{
  "template": "abc-123",
  "format": "png",
  "transparent": true,
  "layers": {
    "title": { "text": "Welcome!" },
    "photo": { "image_url": "https://example.com/photo.jpg" }
  }
}

Development

# Clone the repository
git clone https://github.com/templated-io/mcp-server-templated.git
cd mcp-server-templated

# Install dependencies
npm install

# Build
npm run build

# Run in stdio mode (for local MCP clients)
TEMPLATED_API_KEY=your-key node dist/index.js

# Run in HTTP mode (for remote access)
PORT=3456 node dist/index.js
# Then access: http://localhost:3456/mcp?apiKey=your-key

Testing with MCP Inspector

npx @modelcontextprotocol/inspector npx mcp-server-templated

Resources

• Templated Documentation
• MCP Documentation
• Template Gallery

License

MIT