{
  "markdown": "# Clip.A.Canvas\n\n<p align=\"center\">\n  <img src=\"logo_neon_preview-removebg-preview.png\" alt=\"Clip.A.Canvas logo\" width=\"720\">\n</p>\n\n<!-- description:start -->\n**Clip.A.Canvas** transforms HTML/CSS/JS animations into MP4 videos — entirely local or hosted in the cloud. Powered by Chromium + FFmpeg for high-quality, browser-accurate rendering. Perfect for AI agents generating video content, demos, or visual explanations on-the-fly.\n<!-- description:end -->\n\n**Clip.A.Canvas** is a local and remote browser-motion-to-video toolkit.\n\nIt includes:\n- **Desktop App**: Paste, preview, and export animations locally with a pywebview UI.\n- **MCP Server**: Exposes HTML-to-video rendering tools to Antigravity, Gemini, Codex, Claude Code, and other AI clients.\n- **Terminal UI (TUI)**: Keyboard-first command-line client for code-first rendering.\n\n- **Website**: `https://clipacanvas.vercel.app`\n- **GitHub**: `https://github.com/mechreaper007x/ClipACanvas`\n- **Releases**: `https://github.com/mechreaper007x/ClipACanvas/releases/tag/v1.0.0`\n- **Cloud MCP (SSE)**: `https://mechreaper007x-clip-a-canvas-mcp.hf.space/sse`\n\n---\n\n## 🎬 MCP Server (Model Context Protocol)\n\nExpose `render_video` and `render_video_to_file` tools to your AI assistant.\n\n### 1. Cloud-Hosted (Zero Resource Usage)\nWe host a public instance of the MCP server on Hugging Face Spaces using Server-Sent Events (SSE). Point your client configuration directly to our cloud endpoint:\n\n**Claude Desktop Configuration (`claude_desktop_config.json`):**\n```json\n{\n  \"mcpServers\": {\n    \"clipacanvas\": {\n      \"url\": \"https://mechreaper007x-clip-a-canvas-mcp.hf.space/sse\"\n    }\n  }\n}\n```\n\n### 2. Local Execution (Standard PyPI)\nIf you prefer running the server locally on your machine:\n```bash\n# Run locally with uvx\nuvx --from clipacanvas-mcp clipmcp\n\n# Or install via pip\npip install clipacanvas-mcp\n```\n\n**Claude Desktop Configuration for Local Server:**\n```json\n{\n  \"mcpServers\": {\n    \"clipacanvas\": {\n      \"command\": \"uvx\",\n      \"args\": [\"--from\", \"clipacanvas-mcp\", \"clipmcp\"]\n    }\n  }\n}\n```\n\n---\n\n## 💻 Terminal UI (TUI)\n\nA keyboard-first CLI tool for local render pipelines.\n\n### Install from PyPI:\n```bash\n# Using pipx (recommended)\npipx install clipacanvas-tui\n\n# Using uv\nuv tool install clipacanvas-tui\n```\n\n### Usage:\nRun either command (`clipacanvas-tui` or `clippp`):\n```bash\nclipacanvas-tui --clipboard --preview\n# or\nclippp --clipboard --preview\n```\n\n---\n\n## 🖥️ Desktop App\n\nA visual UI for editing, previewing, and rendering HTML code to MP4.\n\n### Install Dependencies:\n```bash\ngit clone https://github.com/mechreaper007x/ClipACanvas.git\ncd ClipACanvas\npip install -r requirements.txt\npip install -r desktop_requirements.txt\nnpm install\npython -m playwright install chromium\n```\n\n### Run the App:\n* **Windows**: Run `launch_desktop.bat` or `python desktop_app.py`\n* **macOS**: Run `./launch_desktop.command`\n\n---\n\n## 🏗️ Build Outputs & Packaged Releases\n\nSee [build_desktop.py](build_desktop.py) to package binaries:\n- **Windows Portable EXE**: `python build_desktop.py` -> `dist/ClipACanvas.exe`\n- **Windows Installer**: `python build_installer.py` -> `dist/ClipACanvas-Setup.exe`\n- **macOS Bundle**: `python3 build_mac_app.py` -> `dist/ClipACanvas.app`\n\n---\n\n## 📄 License\n\nMIT\n",
  "bytes": 3262,
  "sha": "9876e396b30e1e5d95eea48e8690f23194d5375bb8ac6c986500ebbacde0fa06",
  "repo_slug": "mechreaper007x/clipacanvas",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/mcp_io_github_mechreaper007x_clipacanvas_9a06cab5/readme"
}