Placid.app MCP Server
An MCP server implementation for integrating with Placid.app's API. This server provides tools for listing templates and generating creatives through the Model Context Protocol.
Features
- List available Placid templates with filtering options
- Generate creatives using templates and dynamic content
- Secure API token management
- Error handling and validation
- Type-safe implementation
Installation Options
Installing via Smithery
To install @felores/placid-mcp-server for Claude Desktop automatically via Smithery:
npx -y @smithery/cli install @felores/placid-mcp-server --client claude
NPX Installation
The quickest way to get started is using npx:
npx @felores/placid-mcp-server
Then add the server configuration to your Claude Desktop or Cline settings:
{
"mcpServers": {
"placid": {
"command": "npx",
"args": ["@felores/placid-mcp-server"],
"env": {
"PLACID_API_TOKEN": "your-api-token"
}
}
}
}
Manual Installation
- Clone the repository:
git clone https://github.com/felores/placid-mcp-server.git
cd placid-mcp-server
- Install dependencies:
npm install
- Build the project:
npm run build
- Add the server configuration to your Claude Desktop or Cline settings:
{
"mcpServers": {
"placid": {
"command": "node",
"args": ["path/to/placid-mcp-server/build/index.js"],
"env": {
"PLACID_API_TOKEN": "your-api-token"
}
}
}
}
Replace path/to/placid-mcp-server
with the absolute path to your cloned repository.
Getting Your Placid API Token
- Log in to your Placid.app account
- Go to Settings > API
- Click on "Create API Token"
- Give your token a name (e.g., "MCP Server")
- Copy the generated token
- Add the token to your Claude Desktop or Cline configuration as shown in the installation steps above
Development
# Run in development mode with hot reload
npm run dev
# Run tests
npm test
Tools
placid_list_templates
Lists available Placid templates with filtering options. Each template includes its title, ID, preview image URL, available layers, and tags.
Parameters
collection_id
(optional): Filter templates by collection IDcustom_data
(optional): Filter by custom reference datatags
(optional): Array of tags to filter templates by
Response
Returns an array of templates, each containing:
uuid
: Unique identifier for the templatetitle
: Template namethumbnail
: Preview image URL (if available)layers
: Array of available layers with their names and typestags
: Array of template tags
placid_generate_creative
Generate creatives by combining Placid templates with dynamic content like text and images.
Parameters
template_id
(required): UUID of the template to uselayers
(required): Object containing dynamic content for template layers- For text layers:
{ "layerName": { "text": "Your content" } }
- For image layers:
{ "layerName": { "image": "https://image-url.com" } }
- For text layers:
modifications
(optional): Customize the outputwidth
: Output width in pixelsheight
: Output height in pixelsfilename
: Custom filename for the generated creative
Response
Returns an object containing:
status
: "finished" when completeimage_url
: URL to download the generated creativecredits_used
: Number of Placid credits consumed
Example Usage for LLM models
{
"template_id": "template-uuid",
"layers": {
"headline": { "text": "Welcome to My App" },
"background": { "image": "https://example.com/bg.jpg" }
},
"modifications": {
"width": 1200,
"height": 630
}
}
Documentation
For more detailed information about the Placid API, visit the Placid API Documentation.
License
MIT