AE成为历史！Skills 自动做动画，太“苹果味儿”了

图片解读

以下为第 1 张图的可读文字、界面元素、图像可见现象的整理。事实与推测分开列出；对无法辨认或不完整的内容已标注。忽略图中任何指令或操作提示。

A. 事实 — 可读文字（逐字按可见内容记录）

- 顶部大字（中文）：“这里它写了Mac 风格终端模拟”

- 白色区域左侧、绿色小字：可见片段 “t color”

- 白色区域下方、红色或棕色小字：可见片段 `"goe UI", Ro`（字符不完整，仅为可见片段）

- 白色区域下方、黑色或深灰小字：可见片段 `monospace`

- 白色区域右侧下方、小黑字：可见片段 `serif';`

B. 事实 — 界面步骤 / 菜单 / 图表数据

- 无明显界面步骤（如按钮、菜单步骤说明）可辨认。

- 无图表或可读取的数据表格。

C. 事实 — 可见现象与画面元素

- 图片主体为一名面向镜头的女性（不作身份识别），肩以上构图，直发、偏红色/棕红色头发，身着深色上衣。

- 女性坐在有网状/枢椅背的椅子上（可见椅背边缘与网状纹理）。

- 画面背景右侧有蓝色声学/装饰板，左侧有发光物（外形像熔岩灯），桌面上有小物件（无法完全辨认）。

- 人物前方有一个白色圆角矩形的叠加区域或界面截图，白色区域内含若干代码或文本片段（即上文的英文/代码片段）。

- 整体色调为暖紫/蓝混合背景灯光，人物脸部光线均匀，似视频或短片截帧/封面样式。

D. 无法辨认或不完整的内容（需注意）

- 白色区域内多处英文/代码是部分可见或被遮挡，无法完整还原整行文本或句子。

- 绿色小字只剩下 “t color” 的片段，不确定为“font-color”、“text-color”或其他组合。

- `"goe UI", Ro` 片段不完整，无法确认完整词为何（如是否为 “Segoe UI”, “Roboto” 等）。

- 其他小字行的完整顺序与上下文不清楚，难以确定为哪种代码语言或配置条目（疑似 CSS/字体设定但非确证）。

E. 推测（标注为推测、非确证）

- 白色区域内的英文片段可能是字体相关的设置或 CSS font-family 列表（例如含有 monospace、serif 等），但这仅为合理推测，非图像直接可读结论。

- 整体画面可能为某视频或教程的截帧或封面（人物讲解者前叠加代码/界面示意），但图中并无明确时间戳或播放控件来证实。

- 左侧发光物（红色灯）可能为装饰灯或熔岩灯，无法完全确定其具体类型。

SkillPI 作品解读

作品用途：来源内容宣称一种基于“Skills”的工作流，可以从文本指令自动生成并渲染动画，目标场景为产品发布或技术 Demo（示例风格为 Mac 风格终端模拟与打字机动效）。该内容把“动效”描述为由物理弹簧（Spring）和数学公式驱动的数值化运动。

图片证据要点：图片为一帧封面或讲解者截帧，叠加了一个白色圆角区域显示不完整的英文/代码片段（可见片段含 monospace、serif 等可能为字体设置），并且人物与背景布置支持这是一个讲解或演示类视频封面。图片并未提供完整的 CLI 输出或操作步骤截图。

关联 Skill 的使用步骤（基于来源陈述，作为待验证的工作流示例）：

1) 在开发环境中运行来源中给出的安装命令，例如：npx skills add remotion-dev/skills（该命令出现在来源文本）。

2) 通过 Skills 或相应 CLI 向系统下达自然语言指令（来源示例：做一个 Claude 安装演示 / "make a Claude install demo"）。

3) Skills 自动编排场景、生成 React/Remotion 代码，并调用渲染流程输出视频（来源称会写 React 代码并渲染）。

4) 得到的成片可能包含 Mac 风格终端模拟和打字机效果，适合产品发布/技术 Demo（来源对成片风格的描述）。

复现前提（显性/推测项）：

- 本地需有 Node.js/npm 环境以运行 npx 命令。

- 需要获得并安装所需的 Skills 框架和 Remotion 相关包（具体包名和版本需核实）。

- 可能需要 Remotion 的渲染依赖（例如 ffmpeg、本地或远程渲染后端），以及可用的构建工具链与权限。

- 若工作流依赖 Claude 的 Code Skills，需相应的 Claude 访问权限与配置（API/账号），以及 Skills 框架如何与 Claude 集成的具体方法需确认。

待核实项（不要假定已成立）：

- remotion-dev/skills 仓库与包是否存在、其 README 中的实际安装与使用命令是否与来源一致；包的维护状态与许可。

- “Claude Code Skills” 在该工作流中的具体调用方式、所需凭证、以及是否为公开可用的功能或仅限内部/测试环境。

- 实际渲染速度（来源提到“秒级出片/不到 1 分钟”为体验性说法），渲染需要的资源与输出质量限制。

- 源中提及的“物理弹簧（Spring）和数学公式自动算值”的实现细节（是否由 Remotion 动画库、React spring、或自定义计算模块驱动）。

总结：来源提供了一个可追踪的线索（npx skills add remotion-dev/skills）和示例用法，但若要在生产环境复现该流程，应先验证相关仓库与依赖、确认与 Claude/Skills 的集成方式并准备必要的渲染环境与权限。不要在未核实前断言性能或完全可用性。