Pictify MCP Server

Pictify MCP Server

Enables AI assistants to programmatically generate images, GIFs, and PDFs from HTML/CSS or web screenshots using the Pictify API. It also supports template management, batch rendering jobs, and A/B test experiment controls.

Category
Visit Server

README

@pictify/mcp-server

Generate images, GIFs, and PDFs with AI agents using Pictify.

An MCP (Model Context Protocol) server that wraps the Pictify API, enabling AI assistants to create visual content programmatically.

Installation

Claude Desktop

Add to your Claude Desktop config (~/Library/Application Support/Claude/claude_desktop_config.json on macOS):

{
  "mcpServers": {
    "pictify": {
      "command": "npx",
      "args": ["-y", "@pictify/mcp-server"],
      "env": {
        "PICTIFY_API_KEY": "pk_live_your_api_key"
      }
    }
  }
}

Restart Claude Desktop after saving.

Claude Code

claude mcp add pictify -- npx -y @pictify/mcp-server

Set your API key:

export PICTIFY_API_KEY=pk_live_your_api_key

Cursor

Add to your Cursor MCP settings:

{
  "mcpServers": {
    "pictify": {
      "command": "npx",
      "args": ["-y", "@pictify/mcp-server"],
      "env": {
        "PICTIFY_API_KEY": "pk_live_your_api_key"
      }
    }
  }
}

Available Tools

Image Generation

Tool Description
pictify_create_image Generate an image from HTML/CSS content
pictify_screenshot Capture a screenshot of a web page
pictify_list_images List previously generated images

GIF Creation

Tool Description
pictify_create_gif Create animated GIF from HTML with CSS animations
pictify_capture_gif Capture GIF from a live web page
pictify_list_gifs List previously generated GIFs

PDF Generation

Tool Description
pictify_render_pdf Generate single-page PDF from template
pictify_render_multi_page_pdf Generate multi-page PDF from template
pictify_list_pdf_presets List available PDF size presets

Template Management

Tool Description
pictify_list_templates List saved templates
pictify_get_template Get template details
pictify_get_template_variables Get template variable definitions
pictify_render_template Render template with variables
pictify_create_template Create a new template
pictify_update_template Update an existing template
pictify_delete_template Delete a template

Batch Operations

Tool Description
pictify_batch_render Start batch render job (up to 100 items)
pictify_get_batch_results Check batch job status and results
pictify_cancel_batch Cancel a running batch job

Experiments

Tool Description
pictify_list_experiments List A/B test experiments
pictify_create_experiment Create a new experiment
pictify_get_experiment Get experiment details
pictify_update_experiment Update an experiment
pictify_delete_experiment Delete an experiment
pictify_start_experiment Start a draft/paused experiment
pictify_pause_experiment Pause a running experiment
pictify_complete_experiment Complete experiment with winner

Configuration

Variable Description Default
PICTIFY_API_KEY Your Pictify API key (required)
PICTIFY_BASE_URL Custom API base URL https://api.pictify.io
PICTIFY_DEBUG Enable verbose logging to stderr false

Get your API key at pictify.io/dashboard.

Examples

Create a social media card:

"Create a Twitter card image for my blog post titled 'Getting Started with MCP' with a blue gradient background, 1200x630."

Screenshot a website:

"Take a screenshot of stripe.com at 1440x900."

Render a template:

"List my templates and render the blog-header template with title 'Hello World'."

Batch generate images:

"Use my invoice template to generate PDFs for these 5 customers: ..."

Development

git clone https://github.com/pictify-io/pictify-mcp.git
cd pictify-mcp
npm install
npm run build

Test with MCP Inspector:

PICTIFY_API_KEY=pk_test_... npm run inspector

License

MIT

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured