Clipacanvas

io.github.mechreaper007x由 GitHub 账号 mechreaper007x 发布v1.0.2更新于 Oct 24, 2026

Render HTML, CSS, SVG, and Canvas animations to MP4 locally via Playwright/Chromium and FFmpeg.

已验证STDIO仅桌面开发者工具媒体与设计

概览

AI 生成的概览

本地 MCP 服务器，借助 Playwright Chromium 与 FFmpeg 在本机把 HTML、CSS、SVG 和 Canvas 动画渲染成 MP4 视频。

可以做什么
  • 把 HTML/CSS/JS 动画渲染为 MP4，并以 base64 形式返回视频数据
  • 把同样的内容直接渲染并保存到指定的文件路径
  • 按需设置输出尺寸、码率、帧率和最长渲染时长
  • 通过可选环境变量调整默认参数和工具路径
适用场景
适合希望让助手把生成的 HTML、CSS、SVG 或 Canvas 动画代码转成短 MP4 片段、且不想上传到云端的场景，例如竖版短视频或快速动效制作。
运行要求
以本地 stdio 进程运行，从 PyPI 安装 clipacanvas-mcp，通常用 uvx 或 pip 启动。需要 Python 3.10+、FFmpeg（系统安装、通过 imageio-ffmpeg 提供，或设置 CLIPACANVAS_FFMPEG_EXE）以及 Playwright Chromium（首次渲染时自动安装）。可选变量包括 CLIPACANVAS_BROWSERS_PATH、CLIPACANVAS_MAX_DURATION、CLIPACANVAS_DEFAULT_WIDTH、CLIPACANVAS_DEFAULT_HEIGHT、CLIPACANVAS_DEFAULT_BITRATE 和 CLIPACANVAS_DEFAULT_FRAME_RATE。无需身份验证。
安装前请注意
写文件工具会覆盖目标路径，请把 output_path 指向可以覆盖的位置。渲染会在本机 Chromium 中执行所传入的 HTML/CSS/JS，只渲染可信代码。渲染时长受最大时长设置限制。README 声称不上传任何数据、不使用第三方服务，但这只是提供方自己的说法。

安装

在 SourceWeft 中

  1. 打开 控制台中的 Clipacanvas，将其添加到工作区。
  2. 为需要使用其工具的对话启用该服务。

Desktop only，通过 STDIO。 STDIO 服务会启动本地进程，因此需要 SourceWeft 桌面宿主。

其他 MCP 客户端

参照 仓库 中的启动说明。

README

Clip.A.Canvas MCP Server

A universal MCP (Model Context Protocol) server that exposes Clip.A.Canvas HTML-to-video rendering as an MCP tool. Works with Claude Desktop, ChatGPT, Antigravity CLI (agy), Claude Code, and any STDIO/HTTPS-based MCP client.

Features

  • Universal MCP tool — render_video and render_video_to_file exposed via the MCP protocol
  • Works everywhere — Claude Desktop, ChatGPT, Antigravity CLI, Claude Code, and more
  • Local rendering — no upload, no cloud; Chromium + FFmpeg run on your machine
  • Base64 or file output — return video as base64 string or save directly to a path

Installation

Client Configuration

1. Antigravity CLI (agy)

Add the following to your mcp_config.json (typically at ~/.gemini/antigravity-cli/mcp_config.json):

json
{  "mcpServers": {    "clipacanvas": {      "command": "uvx",      "args": ["--from", "clipacanvas-mcp", "clipmcp"]    }  }}

Verify the server loads successfully by running agy inspect.

2. Claude Code
bash
claude mcp add -s user clipacanvas -- cmd /c uvx --from clipacanvas-mcp clipmcp
3. Codex CLI
bash
codex mcp add clipacanvas -- uvx --from clipacanvas-mcp clipmcp

[!NOTE] If codex mcp list displays Auth: Unsupported for Clip.A.Canvas, this is completely normal! This status simply means the server does not require external OAuth authentication to run (which is correct for local stdio MCP servers).

From PyPI

bash
pip install clipacanvas-mcp# oruv tool install clipacanvas-mcp  # gives 'clipacanvas-mcp' command

Configuration

Environment variables (all optional):

VariableDefaultDescription
CLIPACANVAS_FFMPEG_EXEauto-detectPath to FFmpeg executable
CLIPACANVAS_BROWSERS_PATHauto-detectPath to Playwright browsers
CLIPACANVAS_MAX_DURATION12Max render duration in seconds
CLIPACANVAS_DEFAULT_WIDTH540Default video width
CLIPACANVAS_DEFAULT_HEIGHT960Default video height
CLIPACANVAS_DEFAULT_BITRATE5MDefault FFmpeg bitrate
CLIPACANVAS_DEFAULT_FRAME_RATE60Default frame rate

MCP Tools

render_video

Read-only hint: No | Destructive hint: No

Render HTML/CSS/JS to MP4, returned as base64.

Arguments:

json
{  "code": "<!DOCTYPE html><html>...</html>",  "width": 540,  "height": 960,  "bitrate": "5M",  "frame_rate": 60,  "max_duration": 12}

Returns: Text content with video metadata and base64-encoded MP4 data.

render_video_to_file

Read-only hint: No | Destructive hint: Yes (overwrites file)

Same as above but saves the MP4 directly to output_path.

Arguments:

json
{  "code": "<!DOCTYPE html><html>...</html>",  "output_path": "/absolute/path/to/video.mp4",  "width": 540,  "height": 960}

Usage in AI Clients

Claude Desktop

Add to your claude_desktop_config.json:

json
{  "mcpServers": {    "clipacanvas": {      "command": "uvx",      "args": ["clipacanvas-mcp"]    }  }}

ChatGPT (via Bridge)

To use this local tool with ChatGPT, you can use an MCP-to-HTTPS bridge (like mcp-proxy) or host it on a public URL. ChatGPT currently requires an HTTPS endpoint for official "App" integrations.

Other Clients (Codex, Qwen Coder, etc.)

Since this is a standard STDIO-based server, it works with any client that supports MCP. Use uvx clipacanvas-mcp or python -m clipacanvas_mcp.server as the launch command.

Privacy Policy

Clip.A.Canvas is a local-first application.

  • Data Collection: No user data, code snippets, or rendered videos are ever uploaded to any server.
  • Processing: All HTML/CSS/JS rendering happens inside a local Chromium instance on your machine.
  • Storage: Rendered MP4 files are saved only to the directory you specify.
  • Third-party Services: None.

Requirements

  • Python 3.10+
  • FFmpeg (installed system-wide, via imageio-ffmpeg, or set CLIPACANVAS_FFMPEG_EXE)
  • Playwright Chromium: installed automatically on first render if missing.

License

MIT

来源：mcp/README.md，提交 573b01e

工具

0
SourceWeft 尚未在沙箱中启动过该软件包，因此其工具未知。

版本历史

1
  1. v1.0.2最新Sep 16, 2026

评分

已满足适用检查项的 50%

该评分衡量此收录条目的完整程度，依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价，也不表示服务器安全或当前可用：可连通性是带日期的检查结果，评分也不包含安装量或用户评价。

  • 近 30 天内可连通25 分

    请保持端点能够响应 MCP 握手；SourceWeft 每 30 天探测一次。

  • 已声明认证方式10 分

    请在注册中心条目中声明凭据请求头，或保持端点能够响应探测，以便判定其认证方式。

  • 已列出工具15 分

    请让服务器在无凭据时响应 tools/list，或发布可在沙箱中无凭据启动的软件包。

  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分