🏠 AI Tools Hub | 首页 | 文章 | 评测 | GitHub热门 | 排行榜

LiveCanvas 教程：一句话做成有封面、有动画的 Live 实况图

📌 项目地址：github.com/pengchujin/livecanvas | 星数：327+ | 形态：Codex / Claude Code Skill | 引擎：Remotion | 文档：中英双语

📋 项目简介

社群里那些「带动画的科技快讯图」看起来要做半天，其实可以一句话生成。LiveCanvas 是给 Codex/Claude Code 用的 Skill：输入一句话主题，它按搜索核实 → 设计分镜 → Remotion 动画 → 预览与 Apple Live Photo 资源导出四步走完，产出带封面和动画的实况图。官方 15 张 GIF 演示（小米市值、A20 Pro vs A19 Pro、Gemini 4 登场……）就是全流程产出。成片级渲染见 HyperFrames教程，叙事连续性见 onetake教程。

✨ 工作流与能力

步骤	做什么
1. 搜索核实	先查证数据与事实，再动手做图——数字不瞎编
2. 设计分镜	封面 → 动画节奏 → 收尾的镜头规划
3. Remotion 动画	以代码方式渲染，支持图片/emoji/场景/时间线/图表
4. 预览与导出	Live Photo 资源 + 高清 MP4，可直接发朋友圈/群聊

🚀 使用

# 安装 Skill（Codex / Claude Code 常规方式）

# 一句话下单：
#   「做一张小米市值走势的实况图」
#   「做一张 A20 Pro vs A19 Pro 对比实况图」

# 自动执行：搜索核实数据 → 分镜
#   → Remotion 动画 → 预览 → Live Photo + MP4

💡 使用建议

时效热点是它的最佳场景：早间新闻图 mid-morning 发，流量红利正好
数字类主题务必信任它的搜索核实步骤——出发前看一眼数据源
要成片（带声音/多镜头）升级到 HyperFrames 或 PRINTFILM
提示词灵感参考 Opus 5.5 视频提示词合集

📚 常见问题

LiveCanvas 是什么？

适用于 Codex、Claude Code 等 AI 编程助手的 Skill（pengchujin/livecanvas，327 星）：一句话做成有封面、有动画的 Live 实况图。工作流是搜索核实 → 设计分镜 → Remotion 动画 → 预览与导出 Apple Live Photo 资源；支持图片、emoji、场景、时间线和图表元素。

能做什么内容？

擅长把一句话主题变成数据可视化类的动态实况图——官方 15 张 GIF 演示包括小米市值走势、A20 Pro vs A19 Pro 对比、Gemini 4 Argon 登场等科技话题；每张都附高清 MP4 与 Live Photo 版本。适合自媒体封面、群聊分享、快讯配图。

怎么安装使用？

按 Codex/Claude Code 的 Skill 常规方式安装后，直接说一句话（如『做一张小米市值的实况图』），它会先搜索核实数据，再设计分镜、写 Remotion 动画、渲染预览，最后产出 Live Photo 资源与 MP4。