envious-canvas
Creates images tailored to Facebook's platform specs, including feed, stories, cover photos, and ads.
Produces images for Google Display ads, demand gen, and other Google Ads placements.
Supports rendering HTML/CSS layouts with Google Fonts for precise typography in images.
Provides image generation, editing, and vision analysis using Google's Gemini models.
Generates images optimized for Instagram's feed, stories, reels, and ads with correct aspect ratios.
Allows generation and editing of images using OpenAI's DALL-E models.
Generates images for Pinterest pins, idea pins, promoted pins, and carousel ads.
Enables FLUX model image generation, upscaling (Real-ESRGAN), and background removal via Replicate.
Generates images for TikTok's cover, carousel, and ad formats.
Creates images for YouTube channel banners, thumbnails, shorts cover, and community posts.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@envious-canvasCreate a hero image for sustainability blog post"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
What is this?
envious-canvas is an MCP server that turns Claude into a full image production studio. Ask Claude to generate images, edit photos, remove backgrounds, upscale resolution, and resize to any platform's specs — all from natural language.
It is not just an API wrapper. It is a workflow tool with brand kits for visual consistency, smart provider routing across 4 AI services, and 69 channel presets so you never have to look up image dimensions again.
What you can do
You say | What happens |
"Create a hero image for my blog post about sustainable architecture" | Generates a high-quality image, saves it to your desktop |
"Edit this photo to remove the background clutter and make it cleaner" | AI editing that preserves the subject while transforming the scene |
"Remove the background from product-shot.png" | Subject isolation with transparent PNG output |
"Upscale this image to 4x resolution" | AI-powered super-resolution using Real-ESRGAN |
"Resize this for Instagram, LinkedIn, and Facebook" | Creates correctly sized versions for each platform |
"Generate a campaign pack for our summer sale" | One prompt produces 10+ channel-ready assets: blog hero, OG image, social cards, display ads |
"Create a marketing banner with headline 'Launch Day' and our brand colors" | Renders pixel-perfect HTML/CSS to PNG — precise text, gradients, layouts |
Related MCP server: NanoBanana MCP
Quick start
1. Clone and install
git clone https://github.com/saurabhav88/envious-canvas.git
cd envious-canvas
uv syncDon't have
uv? Install it:curl -LsSf https://astral.sh/uv/install.sh | sh
2. Add at least one API key
You only need one provider to get started. Set the key as an environment variable, or place it in a file at ~/.enviouswispr-keys/ (one key per file, e.g. openai-api-key).
Provider | Env variable | What it unlocks | Get a key |
OpenAI |
| Generation + editing (recommended default) | |
Google Gemini |
| Generation, editing, vision/describe | |
Replicate |
| FLUX models, upscale, background removal | |
fal.ai |
| Fast FLUX generation (fallback) |
3. Connect to Claude
Claude Code — add to ~/.claude.json:
{
"mcpServers": {
"envious-canvas": {
"command": "uv",
"args": ["run", "--directory", "/path/to/envious-canvas", "python", "main.py"]
}
}
}Claude Desktop — add to your config (~/Library/Application Support/Claude/claude_desktop_config.json on macOS):
{
"mcpServers": {
"envious-canvas": {
"command": "uv",
"args": ["run", "--directory", "/path/to/envious-canvas", "python", "main.py"],
"env": {
"OPENAI_API_KEY": "sk-...",
"GEMINI_API_KEY": "AI..."
}
}
}
}Replace /path/to/envious-canvas with the actual path where you cloned the repo.
4. Verify it works
# Run smoke tests (no API keys needed)
uv run pytest tests/test_smoke.py -vThat's it. Open Claude and start asking for images. Chromium (for HTML rendering) auto-installs on first server start.
The 6 MCP tools
Tool | What it does |
canvas_plan_image | Plan a creative asset — auto-detects fidelity mode, resolves brand kit, estimates cost. Approve before generating. |
canvas_create_image | Generate marketing images — plan-based or direct mode. Supports brand kits, multi-channel campaign packs, style control, and provider selection. |
canvas_render_layout | Render HTML/CSS templates to pixel-perfect PNG. Supports brand kit CSS variables, Google Fonts, and responsive viewports. |
canvas_edit_image | Edit existing images: text-directed edits, remove background, upscale (2-4x), apply color grading. |
canvas_manage_library | CRUD for brand kits and generated assets. Create/list/search/delete brand kits, search generated assets. |
canvas_inspect_asset | Analyze any image — get descriptions, extract attributes, run QA checks. Powered by Gemini vision. |
69 channel presets, 8 platforms
Stop guessing image dimensions. Every preset follows the latest platform specs (sourced from Hootsuite, Sprout Social, Buffer, and HubSpot, 2025-2026).
Platform | Presets | Includes |
13 | Feed (square, landscape, portrait), Stories, cover photos, event/group covers, link preview, ads (square, portrait, landscape, Stories, carousel) | |
11 | Feed (square, landscape, portrait, grid), Stories, Reels covers, ads (feed, Stories, Reels, carousel) | |
11 | Personal/company covers, feed (square, landscape, portrait), article cover, link preview, ads (landscape, square, portrait, carousel) | |
Twitter/X | 7 | Header, feed (landscape, square, portrait), summary card, ads (landscape, square) |
TikTok | 5 | Video cover, carousel, ads (vertical, landscape, square) |
YouTube | 4 | Channel banner, video thumbnail, Shorts cover, community post |
4 | Standard pin, Idea Pin, promoted pin, carousel ad | |
Google My Business | 3 | Logo, cover photo, general photo |
Web + Google Ads | 7 | OG image, blog hero (standard + wide), Google Display (landscape, square, portrait), Demand Gen |
Plus 4 backward-compatibility aliases for common shorthand (meta_feed_square, linkedin_single, etc.).
Campaign packs
The most powerful feature. One prompt generates a complete, channel-ready asset bundle.
What you say:
"Generate a campaign pack for 'Acme Spring Collection — New Arrivals' using the acme brand kit."
What you get — 10 assets, 10 unique aspect ratios, 8 platforms:
Asset | Aspect | Size | Covers |
Square | 1:1 | 1080 x 1080 | Facebook, Instagram, TikTok, Google Display |
Portrait | 4:5 | 1080 x 1350 | Facebook, Instagram, LinkedIn, Google Display |
Instagram grid | 3:4 | 1080 x 1440 | Instagram profile grid |
Pinterest pin | 2:3 | 1000 x 1500 | |
Stories/vertical | 9:16 | 1080 x 1920 | Instagram/Facebook Stories, TikTok, Google Demand Gen |
YouTube banner | 16:9 | 2560 x 1440 | YouTube channel art, blog hero, video thumbnail |
OG image | 1.91:1 | 1200 x 630 | Link previews, Google Display landscape |
Wide banner | 2:1 | 1600 x 800 | Email headers, wide banners |
X/Twitter header | 3:1 | 1500 x 500 | X/Twitter banner |
LinkedIn cover | 4:1 | 1584 x 396 | LinkedIn personal banner |
All from a single generation, cropped to each channel's exact spec. Saved to your desktop, ready to use.
Brand kits
Keep every image on brand, across every provider and channel.
name: acme
color_palette: ["#1a1a2e", "#e94560", "#f5f5f5"]
typography: ["Inter", "Playfair Display"]
visual_vibe: "modern minimalist, warm, approachable"
positive_prompt: "clean, professional, modern design"
negative_prompt: "cluttered, busy, text, watermark, low quality"
safe_use_rules: ["no people", "no text in image"]
preferred_aspects: ["16:9", "1:1", "4:5"]Create one:
"Create a brand kit called 'acme' with deep navy and coral red colors, modern minimalist style, and a rule to never include text in images."
Use it everywhere:
"Generate a blog hero for our product launch using the acme brand kit."
Brand kits are saved as YAML files and persist across sessions.
Configuration
Variable | Default | Description |
| — | OpenAI API key |
| — | Google Gemini API key |
| — | Replicate API token |
| — | fal.ai API key |
|
| Where generated images are saved |
|
| Where brand kit YAML files live |
Known limitations
OpenAI size constraints —
gpt-image-1only supports 1024x1024, 1536x1024, and 1024x1536. Other sizes fall back to 1024x1024. Useexport_asset_presetto resize after generation.Campaign pack cropping — The hero image is center-cropped to each channel spec. Works well for abstract/gradient art; may clip subjects in photographic content. Per-channel regeneration is planned.
Gemini model churn — Google frequently deprecates preview models. If you get 404 errors, check Google's model list for current model IDs.
fal.ai is fallback-only — fal activates only when OpenAI and Gemini are both unavailable.
Architecture
envious-canvas/
├── main.py # FastMCP server entry point
├── providers/
│ ├── base.py # Canonical types, Provider protocol, Capability enum
│ ├── registry.py # Tier-based model catalog (27 models, 11 tiers)
│ ├── router.py # Capability-validated provider routing
│ ├── renderer.py # HTML-to-image rendering via Playwright
│ ├── openai.py # OpenAI provider (GPT Image 1/1.5 + DALL-E)
│ ├── gemini.py # Google provider (Gemini Image + Imagen 4)
│ ├── replicate.py # Replicate provider (FLUX models, Real-ESRGAN, RemBG)
│ └── fal.py # fal.ai provider (FLUX models)
├── brand/
│ └── kit.py # Brand kit CRUD + prompt transformation
├── presets/
│ └── channels.py # 69 channel export specs across 8 platforms
├── brand-kits/ # YAML brand kit storage (persists across sessions)
├── tests/
│ ├── test_smoke.py # 22 smoke tests (no API keys needed)
│ └── eval.xml # 10 MCP evaluation questions
├── pyproject.toml
└── README.mdProvider routing
Each provider declares its capabilities. When you request an action, the router:
Matches the requested capability to available providers
Validates the request is compatible (you cannot send an upscale request to OpenAI)
Selects the best provider based on tier priority and availability
Falls back gracefully if the primary provider is unavailable
Model catalog — 27 models across 11 tiers
Tier | Purpose | Models |
fast_generate | Cheapest/fastest | GPT Image 1 Mini, Gemini Flash, Imagen 4 Fast, FLUX Schnell |
quality_generate | Best balance | GPT Image 1, Imagen 4, FLUX.2 Pro, FLUX.2 Flex (fal) |
premium_generate | Highest fidelity | GPT Image 1.5, Imagen 4 Ultra, FLUX.2 Flex, FLUX.2 Max (fal) |
edit | Standard editing | GPT Image 1, Gemini Flash, Kontext Pro |
premium_edit | Best editing | GPT Image 1.5, Kontext Max |
fill_expand | Inpainting/outpainting | FLUX Fill Pro |
describe | Vision/analysis | Gemini Flash (Vision) |
upscale | Resolution enhancement | Real-ESRGAN (2x-4x) |
remove_background | Subject isolation | RemBG |
brand_finetuned | Brand-locked generation | FLUX Pro Finetuned |
legacy | Backward compatibility | DALL-E 3, DALL-E 2 |
Testing
# Smoke tests — no API keys, no network calls
uv run pytest tests/test_smoke.py -v
# Verify server starts and responds to MCP handshake
echo '{"jsonrpc":"2.0","id":1,"method":"initialize","params":{"protocolVersion":"2024-11-05","capabilities":{},"clientInfo":{"name":"test","version":"0.1"}}}' | uv run python main.pyRequirements
Python 3.11+
uv package manager
At least one API key (OpenAI, Gemini, Replicate, or fal.ai)
Claude Code or Claude Desktop
License
MIT
Available Tools
6 toolscanvas_create_imageA
Generate marketing images — plan-based or direct mode.
Use when: You want to generate marketing images. Either pass a plan_id from canvas_plan_image (recommended for complex jobs), or pass goal + details directly for quick one-shot generation.
Do not use when: You want to render HTML layouts (use canvas_render_layout), edit existing images (use canvas_edit_image), or analyze images (use canvas_inspect_asset).
IMPORTANT: After this tool returns, ALWAYS open the generated image(s) in Preview (macOS) or the system image viewer so the user can review the output. Use: open -a Preview
Example (plan-based): canvas_create_image(goal="Instagram ad", plan_id="plan_abc") Example (direct): canvas_create_image(goal="Hero banner for website", target_channels=["og_image"], subject_type="scene")
| Name | Required | Description | Default |
|---|---|---|---|
| params | Yes |
Output Schema
| Name | Required | Description |
|---|---|---|
| result | Yes |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
Annotations already indicate non-readOnly (false), non-destructive, and open-world. The description adds critical post-processing behavior: always open generated images in Preview. However, it lacks details on cost implications or additional side effects, which would further enhance transparency.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is well-structured with clear sections: intro, usage guidance, exclusion list, important note, and examples. Every sentence serves a purpose, and it is front-loaded with the core function. Highly concise with zero waste.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the tool's complexity, the description covers modes, usage, and post-processing. The output schema exists, so return values are covered. However, it omits mention of the spend_authorization parameter and potential cost implications, which are relevant for an image generation tool.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema description coverage is 0%, but the schema itself has rich property descriptions. The tool description compensates by explaining the plan-based vs direct usage distinction via examples, adding meaning beyond the schema. Yet it does not describe all parameters individually, though the schema covers them.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the tool's function: generating marketing images with two modes (plan-based or direct). It explicitly distinguishes from sibling tools by listing what not to use (canvas_render_layout, canvas_edit_image, canvas_inspect_asset), making its purpose unambiguous.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description provides explicit guidance on when to use each mode (plan-based for complex jobs, direct for quick one-shot) and when not to use the tool, with references to alternative sibling tools. This fully informs the agent on appropriate usage.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
canvas_edit_imageA
Modify, enhance, or transform an existing image.
Use when: The user has an image and wants to change it — edit content, remove background, upscale resolution, or apply color grading.
Do not use when: The user wants to create something new (use canvas_create_image) or render an HTML layout (use canvas_render_layout).
Actions:
edit: Text-directed image editing (requires prompt)
remove_background: Isolate subject with transparent PNG
upscale: 2-4x resolution enhancement via Real-ESRGAN
apply_grading: Apply color grading preset to image
Example: canvas_edit_image(image="/path/to/photo.png", action="edit", prompt="make the sky sunset orange")
IMPORTANT: After this tool returns, ALWAYS open the output image in Preview (macOS) or the system image viewer so the user can review the result. Use: open -a Preview
| Name | Required | Description | Default |
|---|---|---|---|
| params | Yes |
Output Schema
| Name | Required | Description |
|---|---|---|
| result | Yes |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
Description details all actions and includes an important note about opening output in Preview. Annotations indicate mutation but no contradiction. Could mention side effects or error handling.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Well-organized with clear sections, bulleted actions, and a concrete example. No wasted words, front-loaded purpose.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Covers purpose, usage, actions, and a follow-up step. Output schema exists so return values are covered. Could include prerequisites or error states.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema has per-parameter descriptions, but description adds value by listing actions with context (e.g., prompt required for edit) and providing an example.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the tool modifies/enhances/transforms existing images, lists four specific actions, and distinguishes from siblings like canvas_create_image and canvas_render_layout.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
Provides explicit 'Use when' and 'Do not use when' sections with named alternatives (canvas_create_image, canvas_render_layout).
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
canvas_inspect_assetARead-onlyIdempotent
Analyze an image using AI vision — describe contents, extract attributes, QA check.
Use when: The user wants to understand an image, verify product fidelity, extract structured attributes, or QA check a generated asset.
Do not use when: The user wants to generate or modify images.
Example: canvas_inspect_asset(image="/path/to/bag.png", question="Does this match the original product shape?")
| Name | Required | Description | Default |
|---|---|---|---|
| params | Yes |
Output Schema
| Name | Required | Description |
|---|---|---|
| result | Yes |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
Annotations already declare readOnlyHint=true and destructiveHint=false, so the description adds context about the types of analysis. No contradictions; description complements annotations.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Concise: three sentences plus use-case guidelines and an example. No wasted words; front-loaded with purpose.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given annotations (read-only, nondestructive) and an output schema, the description covers purpose, usage guidance, and parameter hints adequately for a focused analysis tool.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Description provides semantic meaning for parameters via example and mentions structured attribute extraction. Schema descriptions are detailed, but the tool description adds usage context beyond the schema.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
Description clearly states 'Analyze an image using AI vision' with specific actions (describe, extract, QA check). Distinguishes from sibling tools like canvas_create_image and canvas_edit_image.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
Explicitly provides 'Use when' and 'Do not use when' sections, guiding the agent on appropriate contexts and alternatives. Includes a concrete example.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
canvas_manage_libraryA
Create, list, search, and inspect brand kits and generated assets.
Use when: The user wants to set up brand identity, manage logos, colors, fonts, inspect brand kits, or search for previously generated assets.
Do not use when: The user wants to generate or edit images.
Brand kit actions: create, list, get, delete Generated asset actions: list, get, search, delete
Example: canvas_manage_library(target="brand_kit", action="create", name="acme", color_palette=["#1a1a2e"], visual_vibe="modern minimal")
| Name | Required | Description | Default |
|---|---|---|---|
| params | Yes |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
Annotations set destructiveHint=false, but the description lists 'delete' as a valid action for brand kits and generated assets, which contradicts the non-destructive hint. This is a direct contradiction, so score is 1 per rules.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Description is well-structured with sections, lists, and an example. It is concise with no filler, front-loads the purpose, and every sentence adds value.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the tool's complexity (multiple targets, actions, many parameters) and no output schema, the description covers usage guidelines and examples well. It lacks details on return values but is sufficient for an agent to understand core behavior.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Description includes an example and lists actions, but does not explain each parameter's role. Schema description coverage is stated as 0% (though schema actually has descriptions), so the description fails to fully compensate. However, the example provides some context, making it adequate but not exceptional.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
Description specifies verb and resource: 'Create, list, search, and inspect brand kits and generated assets.' It clearly distinguishes from siblings by stating 'Do not use when: The user wants to generate or edit images.' Sibling tools include image creation/editing, so this differentiation is effective.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
Provides explicit 'Use when' and 'Do not use when' sections, plus lists of supported actions per target. This gives clear context for when to invoke this tool vs alternatives, fulfilling the guideline requirement exceptionally.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
canvas_plan_imageA
Plan and validate a creative request BEFORE generating anything.
Use when: You want to preview costs, workflow, and fidelity before generating. This is the front door for planned creative workflows.
Do not use when: You want a quick one-shot generation (use canvas_create_image with goal directly), render HTML layouts (use canvas_render_layout), edit existing images, or manage brand assets.
Two actions:
action="plan": provide a goal → get a CreativePlan with plan_id, PlanResultStatus
action="approve": provide plan_id → approve the plan for execution
Example: canvas_plan_image(action="plan", goal="Instagram ad for handbag", subject_type="product", reference_image="/path/to/bag.jpg")
| Name | Required | Description | Default |
|---|---|---|---|
| params | Yes |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
The description explains the two actions (plan and approve) and mentions that planning returns a CreativePlan with plan_id and status. It also notes that planning is a prerequisite for generation. While annotations already indicate the tool is not read-only and not destructive, the description adds context about the multi-step workflow. It does not fully detail side effects or rate limits, but it is sufficient for the tool's purpose.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is concise, well-organized, and front-loads the main purpose. It uses bullet points for use/not-use, a numbered list for actions, and an example. Every sentence adds value with no redundancy or extraneous information.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
The description covers the dual-mode operation and gives a concrete example, which is sufficient for most users. It mentions the return of a CreativePlan but lacks details on the output structure (no output schema in the tool definition). Additional context on error handling or edge cases would improve completeness, but the description is reasonably complete for a planning tool.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Context signals indicate schema description coverage is 0%, requiring the description to compensate. The description provides a usage example that illustrates key parameters (goal, subject_type, reference_image) and their roles, but does not explain all 15+ parameters. The schema itself contains descriptions for each parameter, which offsets some of the burden, but the description could be more thorough in explaining parameter interactions.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states that the tool is for planning and validating creative requests before generation. It explicitly distinguishes from siblings by listing use and do-not-use cases, such as using canvas_create_image for quick one-shot generation, and names alternative tools. The verb 'Plan and validate' is specific and the resource 'creative request' is well-defined.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description includes a dedicated 'Use when' section specifying when to preview costs, workflow, and fidelity, and a 'Do not use when' section with explicit alternatives (canvas_create_image, canvas_render_layout, etc.). This provides clear, actionable guidance for tool selection.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
canvas_render_layoutAIdempotent
Render HTML/CSS templates or raw HTML to pixel-perfect marketing images.
Use when: The user explicitly asks for a designed layout, template render, banner with specific typography, or HTML/CSS composition. This is a deterministic renderer, NOT AI generation.
Do not use when: The user wants AI-generated photography or illustrations. For those, use canvas_create_image (direct or plan-based).
Example: canvas_render_layout(template="hero_banner", variables={"headline": "Launch Day"}, brand_kit_id="acme")
IMPORTANT: After this tool returns, ALWAYS open the rendered image(s) in Preview (macOS) or the system image viewer so the user can review the output. Use: open -a Preview
| Name | Required | Description | Default |
|---|---|---|---|
| params | Yes |
Output Schema
| Name | Required | Description |
|---|---|---|
| result | Yes |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
Beyond annotations (idempotentHint=true), the description labels it as a deterministic renderer (not AI generation) and adds a mandatory post-invocation instruction to open the image in Preview, which is valuable behavioral guidance.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Well-structured with clear sections, concise sentences, and no redundancy. Every sentence adds value, and the important post-invocation note is highlighted.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the parameter complexity and presence of an output schema, the description covers when to use, an example, and a critical post-invocation step. Lacks error handling info, but the output schema fills return value gaps.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Despite 0% schema description coverage, the schema itself has detailed property descriptions. The description adds a usage example that illustrates typical parameter combinations but does not systematically explain each parameter, so baseline 3 is appropriate.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the tool renders HTML/CSS to pixel-perfect images, uses a specific verb ('Render'), and distinguishes itself from AI-generation tools by naming the sibling tool canvas_create_image for those cases.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
Explicit 'Use when' and 'Do not use when' sections, with direct reference to canvas_create_image for AI-generated imagery. Provides clear context and exclusion criteria.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections. Dates show when Glama detected each change.
6 tool updates
v0.1.0- First observed
canvas_create_image - First observed
canvas_edit_image - First observed
canvas_inspect_asset - First observed
canvas_manage_library - First observed
canvas_plan_image - First observed
canvas_render_layout
TDQS
Each tool has a distinct purpose: create, edit, inspect, manage library, plan, and render. The 'Do not use when' hints in descriptions further eliminate ambiguity.
All tool names follow the consistent pattern 'canvas_<verb>_<noun>' in snake_case, making the action and target clear.
With 6 tools, the server is well-scoped for marketing image generation and management, covering the core workflow without unnecessary clutter.
The tool set covers planning, creation, editing, inspection, library management, and layout rendering. Minor gaps like direct cropping could exist but are addressable via editing.
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Connectors
MCP server for Qwen Image 3 AI image generation
Use AI models for chat, image, and video generation from Claude Code and other MCP hosts.
MCP server for Midjourney AI image generation and editing
- CanvaOAuthcom.canva.mcp
The Canva MCP server connects AI assistants (like Claude, ChatGPT, and Cursor) to Canva's API, enabling them to create and manage designs directly within chat conversations. Key capabilities include generating new designs from prompts, autofilling templates, searching and resizing existing designs, importing files from URLs, exporting designs as PDFs or images, and managing folders and comments without switching between tools.
Related MCP Servers
- AlicenseDqualityCmaintenanceAn MCP server that allows Claude to use OpenAI's image generation capabilities (gpt-image-1) to create image assets for users, which is particularly useful for game and web development projects.1173MIT
- AlicenseAqualityDmaintenanceAn MCP server that brings Google Gemini's image generation and editing capabilities to Claude Desktop, Claude Code, and Cursor. It supports 2K image creation, natural language image transformations, and session consistency to maintain styles across generations.71,171MIT
- AlicenseAqualityDmaintenanceAn MCP server that enables Claude Code to generate images and short videos using Google's Gemini API (Imagen 4 for stills, Veo 3.1 for video). It integrates directly into development workflows, allowing AI assistants to create visual assets and reference them in code without context switching.61MIT
- AlicenseNot gradedqualityDmaintenanceAn MCP server that provides AI-powered image generation, format conversion, and smart asset placement for Claude Code.MIT
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/saurabhav88/envious-canvas'
If you have feedback or need assistance with the MCP directory API, please join our Discord server