pengchujin / livecanvas

# LiveCanvas · 实况画布
**简体中文** | English
**一句话，做成有封面、有动画的 Live 图**
一个适用于 Codex、Claude Code 等 AI 编程助手的 skill：**搜索核实 → 设计分镜 → Remotion 动画 → 预览与 Apple Live Photo 资源**。支持图片、emoji、场景、时间线和图表。
## 作品演示
15 张 GIF 动态预览，点击图片放大。
下载与说明 · 安装方法 · English
## 下载与说明
 展开查看作品说明、高清 MP4 和 Live Photo 
### 小米市值
高清 MP4
### A20 Pro vs A19 Pro
高清 MP4
### Gemini 4 Argon 登场
软件工程、知识工作与安全防御；分阶段开放给受信任测试者。
高清 MP4 · 下载 Live Photo
### 1M 输出上限
单次输出上限从 64K 提高到 1M tokens。
高清 MP4 · 下载 Live Photo
### 比肩 GPT-6.1 Sol
Artificial Analysis 智能指数：Argon 53 分，Astra 53 分，Sol 52 分。
高清 MP4 · 下载 Live Photo
### 更少幻觉：15%
Artificial Analysis Omniscience：Argon 15%，Astra 51%，Sol 54%。
高清 MP4 · 下载 Live Photo
### Text Arena 第一
1525 分、4,942 票，暂列第一；目前为初步结果。
高清 MP4 · 下载 Live Photo
### 终端任务 57%
Terminal-Bench 4.0：Argon 57%，此前 Gemini 3.1 Pro Preview 为 4%。
高清 MP4 · 下载 Live Photo
### 全球人口
高清 MP4
### 咖啡门店
高清 MP4
### 新能源车
高清 MP4
### 中国高铁
高清 MP4
### 双城气温
高清 MP4
### 奥运金牌
高清 MP4
### 发电结构
高清 MP4
数据为制作时的快照，不会自动更新。Gemini 图卡核对日期为 2026-10-01，Text Arena 榜单日期为 2026-09-30。来源与口径见 演示说明。
## 安装
需要 Node.js / npm。使用 Skills CLI 安装，并选择你的 AI 助手：
 [code] 
只装到 Codex：
 [code] 
安装后新建对话，输入：
 [code] 
 手动安装到 Codex 
下载或克隆本仓库，把整个 `livecanvas/` 文件夹放入 `~/.codex/skills/`；若设置了 `CODEX_HOME`，则放入该目录下的 `skills/`。不要只复制 SKILL.md。随后新建对话。
需要兼容旧的 `$livechart` 调用时，再把 `livechart/` 文件夹放到同一位置。
## 运行与交付
- **动画：** 助手需能联网搜索和执行代码；需 Node.js、Python 3、FFmpeg，以及内容对应的字体。项目用 `npm ci` 安装依赖。
- **Live Photo：** Linux / Windows / macOS 可使用 Python 3.10+、Pillow 和 FFmpeg 生成 Apple 配对资源；macOS 另有 Swift 原生路径及 PhotoKit 验证。当前工具支持无声 H.264 + JPEG。见 跨平台生成与 iPhone 导入。
- **交付：** 封面、MP4、数据来源、可编辑工程，以及支持环境下的 `.pvt` 资源包；不自动导入相册。
`.pvt` 包含配对照片、视频及元数据，iPhone「文件」App 未必能直接预览。README 使用 GIF 展示动效，GIF 不是原生 Live Photo。
模板使用 Remotion 4.0.530。手动渲染与封装步骤见 运行指南。
## 许可与致谢
代码及 skill 文档采用 MIT；演示媒体与第三方素材许可见 署名说明。Remotion 适用其自身许可证。
动效设计参考 Emil Kowalski / animate，图标采用 Twemoji。