pengchujin/livecanvas

这是什么？

核心功能

• 01输入一句话即可生成带设计封面的动态作品。
• 02支持图片、emoji、场景、时间线和图表。
• 03可在 Linux、Windows 和 macOS 上生成配对的 Apple Live Photo 资源。
• 04导出 MP4 预览和可编辑的 Remotion 工程。
• 05通过 Skills CLI 安装到 Codex 等 AI 助手。

适用场景

• 把气温、销量等数据趋势做成可分享的动态封面。
• 为产品对比或市场数据制作简短解说动画。
• 把图表制作成 iPhone 可用的 Live Photo。

快速上手

1. 1

   使用 Skills CLI 安装该技能

   npx skills add pengchujin/livecanvas --skill livecanvas -g
2. 2

   仅为 Codex 安装该技能

   npx skills add pengchujin/livecanvas --skill livecanvas -g -a codex
3. 3

   新建对话并输入 README 中的示例需求，如北京与上海全年气温变化

使用前须知

• !运行需要 Node.js/npm、Python 3、FFmpeg 以及相应字体。
• !AI 助手需要能够联网搜索并执行代码。
• !完整的原生 Live Photo 输出仅在 macOS 上完整支持，其他平台使用有局限的跨平台方案。

标签

常见问题

livecanvas 是什么？

一个 AI 编程助手 skill，把一句话做成带封面和动画的 Live 图，支持图表、emoji 和时间线。 LiveCanvas 是一个面向 Codex、Claude Code 等 AI 编程助手的 skill。输入一句描述，它会搜索并核实事实、设计分镜、用 Remotion 渲染动画，并输出预览与 Apple Live Photo 资源。

livecanvas 可以免费使用吗？用的什么许可证？

livecanvas 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

livecanvas 还在维护吗？

活跃维护中。livecanvas 最近一次提交是在 2026年10月10日。

livecanvas 适合用来做什么？

把气温、销量等数据趋势做成可分享的动态封面。 为产品对比或市场数据制作简短解说动画。 把图表制作成 iPhone 可用的 Live Photo。

livecanvas 怎么安装和运行？

使用 Skills CLI 安装该技能: npx skills add pengchujin/livecanvas --skill livecanvas -g 仅为 Codex 安装该技能: npx skills add pengchujin/livecanvas --skill livecanvas -g -a codex 新建对话并输入 README 中的示例需求，如北京与上海全年气温变化

在哪里获取 livecanvas？

源代码和安装说明在 GitHub 上：https://github.com/pengchujin/livecanvas