pengchujin/livecanvas

What it solves

LiveCanvas addresses the challenge of creating engaging, animated data visualizations and "Live Photo"-style assets directly through AI coding assistants. It automates the process of researching data, designing visual storyboards, and rendering high-quality motion graphics.

How it works

It functions as a skill for AI coding assistants like Codex or Claude Code. Once installed, you provide a natural language prompt (e.g., "Create a chart showing temperature changes in Beijing and Shanghai"). The AI assistant uses the LiveCanvas skill to search for data, design the visual layout using Remotion, and generate the final assets, including MP4 videos and Apple-compatible Live Photo resources.

Who it’s for

This tool is designed for users of AI coding assistants who want to quickly generate professional-looking, animated data visualizations or dynamic media content without manually building complex animation projects from scratch.

Highlights

• Integrates directly into AI coding assistants via the Skills CLI.
• Automates the full pipeline: data search, storyboard design, and animation rendering.
• Uses Remotion for high-quality, programmatic motion graphics.
• Supports the generation of Apple Live Photo-compatible assets (H.264 video + JPEG).
• Highly customizable, supporting images, emojis, charts, and complex timelines.