BAIZE AI RESOURCE

实况动效卡制作 Skill

Livecanvas

LiveCanvas 是供 Codex、Claude Code 等 AI 助手使用的 Skill，可将一句话、文章或数据制作成带封面和动画的信息卡，并交付动态预览与 Apple Live Photo 资源，减少从核实内容到设计动效的手工步骤。

获取资源
Livecanvas

资源介绍

LiveCanvas 面向想把知识解释、产品比较或数据变化做成动态内容的用户。你可以向已安装该 Skill 的 AI 助手描述主题，也可以提供文章、报告或数据；它会先梳理并核实内容，再规划封面与分镜，用图片、图标、场景、时间线或图表呈现重点。完成后可获得静态封面、MP4 动态预览、来源信息，以及在依赖齐备时生成的 Apple Live Photo 资源包。它适合制作一张或一组可观看的信息动效卡，但生成资源包不等于已导入 iPhone 相册，也不能保证在所有接收界面直接预览。

软件界面、操作截图与实际案例预览。

Livecanvas 展示图 1

Skill 能力

从主题规划动效内容

根据一句话或提供的材料提取主体、关键事实与比较关系，安排封面和分镜，让动效围绕内容展开。

组合多种视觉表达

可使用图片、emoji、场景动作、时间线和可选图表，制作知识解释、变化过程或数据故事，而不局限于纯图表。

交付预览与实况资源

输出静态封面和 MP4 供直接观看；在所需依赖齐备时，可配对并打包 Apple Live Photo 资源。

保留来源与可编辑内容

制作流程要求核实事实并记录数据来源，交付中保留可编辑工程，便于复查和修改。

资源配置

适用平台

Claude CodeCodex通用 Agent

调用方式

手动调用命令调用

安装与调用

  1. 阅读资源包中的中文说明和上游官方文档。

  2. 核对版本、运行环境与依赖条件后完成配置。

  3. 先在隔离环境验证主要功能，再用于实际场景。

使用案例

双城气温变化

使用场景想把北京和上海上一完整自然年的气温变化做成易观看的动态卡片。

向助手提出两座城市、时间范围、城市插画和季节 emoji 等要求，由 LiveCanvas 组织数据与分镜，制作封面和动态预览。

高铁发展故事

使用场景需要用动效解释中国高铁的发展过程。

提出列车、年份节点和里程数字的表现需求，由 LiveCanvas 将这些内容编排成场景动效，并输出可观看的预览。

包含内容

livecanvas-source.zip
README-中文安装说明.md
LICENSE-MIT.txt
THIRD-PARTY-NOTICES.md
SHA256.txt

常见问题

LiveCanvas 可以安装到哪些 AI 助手？
项目明确提供 Codex 和 Claude Code 的使用说明，也说明适用于其他兼容的 AI 助手；Skills CLI 安装时可选择目标助手。
只复制 SKILL.md 到 Codex 的技能目录可以吗？
不可以。手动安装时需将整个 livecanvas/ 文件夹放入 ~/.codex/skills/，或放入所配置的 $CODEX_HOME/skills/，然后新建对话。
生成的 .pvt 文件会自动出现在 iPhone 相册吗？
不会。LiveCanvas 交付的是配对后的实况资源包，不会自动导入相册；iPhone「文件」App 也未必能直接预览该包。
在 Windows 或 Linux 上能生成 Apple Live Photo 资源吗？
可以使用项目提供的跨平台配对方式，但需要 Python 3.10+、Pillow 和 FFmpeg；当前支持无声 H.264 视频与 JPEG 封面的配对。生成文件不代表已经通过 iPhone 导入或播放验证。