truecanvas

by GitHub Actions · Media & Design · MCP server

truecanvas is an MCP server by GitHub Actions. Design with your real React components: a Figma-like canvas for Next.js and Vite where layers are your .tsx and agents edit through MCP. Its npm package was downloaded 59 times last week.

Category: Media & Design
Author: GitHub Actions
GitHub stars: Not on GitHub
This week: Tracking since 18 Oct 2026
Weekly downloads: 59
Language: JavaScript
License: MIT (open source)
Last update: 2026-10-09 (15 days ago)
Links: Source npm

design
canvas
figma
react
nextjs
vite
tailwind
mcp
agents
claude
cursor
design-system
+1 more

How to install truecanvas

truecanvas is published on npm as truecanvas, and it depends on @modelcontextprotocol/sdk. These steps assume it runs as a local stdio server, which is the usual setup.

Check the README. Confirm the start command and note any API keys or environment variables it needs (pass them with -e KEY=value or an env block). You need Node.js for npx.

Add it to Claude Code from a terminal:

claude mcp add truecanvas -- npx -y truecanvas

Or add it to Cursor or Claude Desktop in .cursor/mcp.json or claude_desktop_config.json:

{
  "mcpServers": {
    "truecanvas": {
      "command": "npx",
      "args": [
        "-y",
        "truecanvas"
      ]
    }
  }
}

Restart the client and check it. Run claude mcp list, or open the client's MCP settings, and confirm truecanvas and its tools are listed. The install guide covers VS Code and Codex.

Also listed in

Maintain this project? Get it featured ($99/mo, pinned at the top of Media & Design) or see what featuring includes.

Report a problem with this listing

Frequently asked questions

What is truecanvas?

truecanvas is an MCP server by GitHub Actions in the Media & Design category. Design with your real React components: a Figma-like canvas for Next.js and Vite where layers are your .tsx and agents edit through MCP. Its npm package was downloaded 59 times last week. It is written in JavaScript. It is licensed under MIT. It was last updated 15 days ago.

Is truecanvas free and open source?

Yes. truecanvas is published under the MIT license, so you can run, modify and self-host it at no cost. If it connects to a paid service, that service's own pricing and API terms still apply. Check the repository for the exact license text before using it commercially.

What are the alternatives to truecanvas?

Other Media & Design projects on MCP Harbor include Shotkiln, remotion, LocalAI. Each alternative links to its own page with stars, license and recent activity. The Media & Design category ranks all 2017 by stars, and you can re-sort it by growth this week.

Alternatives to truecanvas

Shotkiln★ FeaturedMCP Registry

shotkiln.com

Screenshot, PDF and Open Graph image API for AI agents: capture pages, render PDFs, make OG images.

remotion★ 66,837

remotion-dev · TypeScript

🎥 Make videos programmatically with React

LocalAI★ 49,903

mudler · Go+305 stars this week (+0.6%)

LocalAI is the open-source AI engine. Run any model - LLMs, vision, voice, image, video - on any hardware. No GPU required.

chakra-ui★ 40,702

chakra-ui · TypeScript

Chakra UI is a component system for building SaaS products with speed ⚡️

next-ai-draw-io★ 36,394

DayuanJiang · TypeScript+92 stars this week (+0.3%)

Draw and edit draw.io diagrams by chatting with an AI. Web app, desktop app, and an MCP server for Claude Code, Cursor, Codex and VS Code.

agentscopeTrending★ 33,797

agentscope-ai · Python+378 stars this week (+1.1%)

Build and run agents you can see, understand and trust.

All 2017 Media & Design MCP servers →

Data last updated 25 October 2026. Stars and downloads are refreshed every day from GitHub and npm.