Canvas

Verified Integration

Author: @spawning•Category: ServerApplication

GitHub Repository

JSON-RPC 2.0

Protocol Standard

Sub-second

Execution Latency

Active

Operational Status

Client Configuration

— Connect Canvas to Claude Desktop or Cursor in seconds

{
  "mcpServers": {
    "canvas-9": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-canvas-9"
      ],
      "env": {}
    }
  }
}

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows).

Architecture & Capabilities

System Overview

Provides an AI assistant with a visual design canvas, rendering HTML/CSS to generate design elements and screenshots programmatically.

Indexed Date

7/22/2026

License

Open Source

Protocol Layer

stdio / SSE RPC

Frequently Asked Questions

Architecture and operational details for Canvas

Canvas utilizes a powerful scene graph API (via `batch_design`) allowing users to define and manipulate UI elements like frames, text, images, and components as JSON trees. This enables precise, code-driven control over design layouts and styling.

Related MCP Servers

Browse all servers →

@configuring

0xArchive

Provides comprehensive historical and real-time crypto market data, including orderbooks, trades, candles, and more, from Hyperliquid, HIP-3, and Lighter.xyz.

MCP Server5 FAQs

Learn more

@spawning

0xGasless

Facilitates gasless blockchain transactions and interactions directly from Claude AI conversations.

MCP Server4 FAQs

Learn more

@spawning

0xGasless

Bridges Claude AI with blockchain networks, enabling gasless transactions, swaps, and transfers directly from natural language conversations.

MCP Server5 FAQs

Learn more