每天分享一个实用AI教程：Codex 做动画

图片解读

图中可见证据（按图中可读文字与界面元素整理）：

一、直接可见的事实

- 顶部文字："每天分享"、"一个实用AI教程"。

- 主标题大字："Codex 做动画"（"Codex" 为英文字样）。

- 三列三步流程卡片，编号与标题：

1. 绿色圆圈“1” 标题：“安装 Skill”

2. 橙色圆圈“2” 标题：“描述动画”

3. 蓝色圆圈“3” 标题：“预览修改”

SkillPI 作品解读

作品用途：

- 图示展示一种用 AI 辅助快速生成 Lottie 动效的工作流，目的是在无需或减少 After Effects 的前提下，快速产出可用于产品界面的小型动效（示例包括加载动画、点赞动效、Logo 动画、空状态动效）。

图片证据要点（可核验项）：

- 图中明确出现命令字符串 "npx skills add diffusionstudio/lottie"，以及“正在安装 diffusionstudio/lottie”“安装完成”的终端输出样式，提示存在某个通过 npx 添加的 Skill 安装流程（该命令与包名为图中可读文本，但是否可在真实环境中执行需验证）。

- 动画由自然语言 Prompt 控制，Prompt 文本示例："让苹果图标：先左右晃动, 再向上弹跳, 最后缩成一点消失。"；同时配有参数显示 "60 FPS" 和 "3 秒"，以及时间轴刻度和本地预览播放器控件（1.20 / 3.00、1x）。

- 预览界面显示可查看 JSON 的按钮与三项“通过”检查（不变形、更自然、无跳帧），表明流程包含质量检查或验收项。

关联 Skill 的使用步骤（根据图示整理的可复现步骤，需按实际工具确认）：

1. 在含 Node/npm 的终端或项目目录下安装/添加 Skill（图示命令示例：npx skills add diffusionstudio/lottie，需核实该包/仓库是否存在与授权）。

2. 在项目结构（示例为 my-lottie-project / public / src / animations / package.json 等）中准备素材（如苹果图标）和项目文件。

3. 向 Codex（或相应 AI 功能）提交自然语言 Prompt，描述动作顺序与关键短语（如“左右晃动”、“向上弹跳”、“缩成一点消失”），并设置参数（示例显示 60 FPS、3 秒）。

4. 使用本地预览（Local Player）查看效果，播放时间界面会显示当前时间与总时长（例如 1.20 / 3.00），可以调整速率（如 1x）。

5. 在“检查与调整”环节查看质量项（不变形、更自然、无跳帧）并使用“预览 JSON”查看或导出 Lottie JSON，必要时细调动作参数或帧率。

复现前提（必须准备或确认的条件）：

- 本地具备 Node/npm 运行环境及项目目录结构（示例中有 package.json、index.html、animations/ 等）。

- 可用的 AI 接入点（图中以 Codex 为例）与相应 Skill/插件；如果图示的 diffusionstudio/lottie 为真实包，需要能通过命令安装并与 Codex 集成。

- 动效素材（图标、SVG/PNG 等）以及动作描述（Prompt）。

- 本地预览工具或 Player（图示为“Local Player”），能够读取并播放生成的 Lottie JSON。

待核实项（在实际尝试前需确认）：

- 图中显示的包/技能名（diffusionstudio/lottie）和命令（npx skills add diffusionstudio/lottie）是否对应公开可用的仓库或 npm 包、其安装命令是否准确、以及许可与安全性。

- Codex 与该 Skill 的集成方式（例如是否有官方插件/SDK、调用凭证、API 限制等）。

- 导出 JSON 的格式兼容性（是否与常用的 Lottie/Bodymovin 标准一致）以及与前端接入流程的兼容性。

- 未完全辨认的界面按钮具体功能（图中“预览 JSON”外的两项按钮文字不可辨认），需在真实界面中确认其用途（如帧率编辑、自动刷新等）。

说明与风险：

- 本解读基于图片中可见文字与界面元素给出合理步骤与验证项，但不构成对任意未核实软件包或命令的可运行性承诺。实际复现需在受控环境中先验证命令与包的来源与安全性。