Communitygithub.com

动画视频制作

使用代码(React、SVG、three.js)制作动画视频:解说、角色故事、动态图形、动态排版、纸拼贴和动画信息图,2D或3D,从脚本或画外音出发,支持任意宽高比。用于需要动画化脚本、制作动画视频或Reel、或制作动态图形的场景。不用于编辑摄像机素材(video-edit)或AI生成片段(higgsfield-*)。

动画视频制作 是什么?

该技能允许开发者通过编程方式创建完全由代码生成的动画视频。它基于Remotion框架(React、SVG、three.js),能够制作从解说视频、角色故事、动态图形到动画信息图等多种类型。技能与Reel Studio工作区集成,支持预设样式和语音,并使用ElevenLabs进行旁白。工作流包括六个步骤:构思画面、锁定格式风格、构建音频骨架、制作故事板、构建资产和镜头、审查交付。强调创意可视化,通过隐喻和视觉机制解释复杂概念,而非字面图片。支持2D和3D元素,可生成任何市场需要的宽高比内容,从简短社交媒体Reel到长篇解说动画均可。

兼容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/CrissAlvarezH/ai-reel-gen-app/tree/HEAD/.claude/skills/animated-video

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

动画视频

在 Reel Studio 工作区中: 首先加载 reel-studio 技能(.claude/skills/reel-studio/SKILL.md)和视频的风格技能(styles/<id>/SKILL.md)。它们会覆盖以下默认设置:风格已为每个视频选定(无需提供其他外观或一轮风格帧),旁白使用 ElevenLabs(来自 Reel Studio → Ajustes → Voz 的语音),时间信息来自 tools/el_words.py(而非 Whisper),新项目从风格的模板开始(而非 templates/remotion-film/)。图像搜索可自由跨网络进行;Ajustes → Imágenes 仅控制可选的 API 集成和图像生成。 使用此技能处理以下方法:图片构思、概念批准、故事板、静音测试、审查。

将简要需求转变为完成的动画视频,其中每一帧图像都通过代码生成:程序化绘制,或从已批准的来源资产构建,并进行确定性渲染。来自图像或视频生成器的素材是一条独立的路线(步骤2)。如果存在,首先读取 ~/.animated-video/profile.md:用户明确陈述的偏好优先于这里的默认设置。

影片的构成

尽可能发挥创意。 对于影片展示的每个概念,寻找最能让人眼前一亮但依然传达核心的图片。欢迎古怪、不可能、有趣或美丽的想法,每个想法都通过一个标准评判:观众是否比字面图片能更快理解机制,或更长久地记住它?字面图片是后备方案,只有在没有更好的选择时才获胜。准确性检验想法;画外音将隐喻落到实处。

图片解释;语音确认。 关闭声音时,观众通过屏幕上发生的事件学习每个步骤:机制作为因果关系(剪切、发送、点击、复制)被演示,每行文本的想法通过其单词可见,标签支持事件而非替代事件(动作)。

图片保留问题。 剧本保持一个问题开放,并通过步骤解答。第一帧提出该问题,在画外音到达之前,任何图片、标签或标题都不能显示答案:已经看到答案的观众有理由离开。

颜色引导视线。 尽早决定每种颜色的含义:观众跟随的事物带有强调色,是画面中最亮、最饱和的,并且一种颜色在整个影片中保持其含义。为每个其他角色赋予自己的颜色,让不携带含义的一切保持安静。为了匹配参考外观,从其帧中采样颜色,并将数值提供给动画师:灯光、雾气和调色会使命名的颜色偏向灰色。

为每个需求新鲜设计。 风格包、部件和过去的影片是起点。用户喜欢的过去影片设定了完成度和节奏的标杆,但从不设定想法、装置或外观。

反馈缩小图片范围,但从不限制想象力。 当用户拒绝一个想法时,记下该想法的问题(令人困惑、感觉牵强、看起来廉价),并寻找任何更好的替代方案。只有当用户明确将其陈述为规则时,它才成为关于整个类别的规则。你为其他智能体编写的需求仅携带用户陈述的规则。

**带着建议提问,**这样“是”就是一个完整的回复。在一开始就说一次,该技能在最强可用模型高努力下效果最佳。

根据作品规模调整制作

  • 短小或简单: 一个智能体可以承担,检查静态帧。构思仍交给一个新的智能体,静音测试仍运行。
  • 较长或包含多个幕: 用一个智能体保留图片、概念和外观,直到用户批准,然后根据需要并行化构建。故事板确定每个节拍的想法;谁负责动画就控制其如何移动,并在看到更好的图片时提出建议。为整个影片保持一个线索表,以便声音保持有意图。在长时间运行中,发送带有静态帧和总体剩余时间的状态;让智能体使用机器时钟标记状态行的时间戳,因为自报时间可能会漂移数小时。
  • 已完成影片的修订: 询问要重建哪些部分,推荐最薄弱的部分;保留其余部分,并将新部分拼接进去。
  • 为他人时间线插入的片段(一个摄像机编辑中的动画镜头,由 video-edit 拥有):插入。当不清楚谁拥有时间线时,询问一次。
  • 影片中出现的主持人: 在这些镜头规划之前进行合成。

1. 寻找图片和概念

在导演中选择主线:故事(某人想要某物)或解说(某物如何工作、为什么、数字意味着什么)。图片来自一个全新的构思智能体,该智能体不看到任何制作规则,由独立的挑选者评判(寻找图片);然后提出真正不同的概念、你的推荐,以及作为带有时序的节拍表的选择概念,每个节拍附带其图片。完成的脚本确定文字,而不是图片。安装了 video-script 技能后,根据其检查清单检查旁白。

在构建之前(包括短片)获得用户对概念及其图片的批准。

2. 锁定格式和风格

  • 当需求指定了格式和风格时,用一行确认。否则展示真正不同的风格作为同一节拍的不同风格帧(风格),并获得选择;如果有,读取所选风格的包。
  • 询问路线及其成本:代码制作每镜头免费且一致;AI 视频每剪辑收费且会漂移。
  • 查找影片展示的真实物体、地点和界面的照片。如果出现真实人物,询问其素材所在位置并从中提取帧。

3. 构建音频骨架

每个节拍都基于旁白计时(如果没有旁白,则基于首先选择的音乐底)。优先使用用户的录音;在其存在之前,基于占位词时间构建,并进行标记。templates/remotion-film/align.py 提供单词时间戳和响度包络线;使用 cue("短语") 从单词中派生每个提示,以便新的 VO 重新计时影片。字幕是手写的语义单元,需与转录文本核对。音乐和音效随第一版剪辑一起提供:用户的文件、资产库或磁盘上的样本(先于合成 templates/parts/audio/designed.py),任何合成内容都进行标记。

4. 骨架与故事板

复制 templates/remotion-film/,连接幕、字幕和音频,并在时间线上渲染静态帧(管道)。未经验证的事实不得进入影片。

在完整动画之前向用户展示一个关键帧故事板:每个节拍以所选风格呈现的静态帧,构建在真实场景文件中,以便逐渐成长为完成的镜头。批准的静态帧不显示它们之间是否发生了任何事情;当意义存在于动作中时,动态故事板(粗略形状在 VO 上执行节拍)可以低成本展示它。

5. 构建资产和镜头

如果资产库已安装,首先搜索它。重复出现的元素在故事需要的每个尺度上保持:绘制的角色按照角色;部件包含地球、iMessage iPhone、设计的声音、写实套件和用于密集 three.js 运动的运动套件。重新样式化你获取的内容。

当多个智能体制作动画时,给他们一个统一的视觉外观和条状物,取自风格包和锚帧(参考影片中每个节拍的帧,或故事板)。在任何风格中,真实物体、界面、公司或地点必须可识别为其自身,而替身也需得到同样的关注。从绘制每个幕的常量中派生其声音事件,以便移动节拍时其声音也随之移动。

6. 审查和交付

智能体查看帧而非播放:作为连续帧条检查动作(时间检查)并通过测量检查音频,并说明哪些是仅通过测量得到的。当你无法信任自己的眼睛时,让独立的、全新的智能体进行判断(审查);当一轮审查收获甚微或首要问题需要用户介入时停止迭代。

在第一版完整剪辑发送给用户之前,由一个新的评判者运行静音测试;修复无法理解的元素。被拒绝的完整剪辑需要从图片重新开始(重启)。

渲染最终版(render.sh 规范响度;长影片分块渲染),并检查第一帧、最后一秒和响度。报告路径、未解决的问题、跳过的检查、来源图像以及任何合成或虚构内容。在项目的 git 仓库中提交每个版本。如果资产库已安装,关闭其目录。

应请求,使用反思协议进行反思。

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

CrissAlvarezH/new-style

Create a new visual style for the creator's videos in a Reel Studio workspace (styles/<id>/style.json): interview him for its name, feel, colours and what each one means, fonts, motion, where pictures come from, reference links and images, then write the style so it shows in Estilos and new videos can use it. Use when he asks for a new style or presses "Nuevo estilo" on the Estilos page.

CrissAlvarezH/persona-hablando

The "Persona hablando + animaciones" format of a Reel Studio video — the creator talks to camera in his own recording; you transcribe it, agree the cuts with him (pauses, flubs, retakes), cut it, and lay the video's style animations over or between his shots. Use for any video whose format.txt says persona-hablando.

CrissAlvarezH/reel-studio

How a narrated explainer video is made in a Reel Studio workspace, in any visual style — script, pictures, voice, images, build, board, sound, mute test, render — following the creator's settings from the studio (profile, format, voice, image sources). Use for any new or revised video in a project's videos/ (projects/<id>/videos/). The video's style adds its own skill (styles/<id>/SKILL.md) for the look and the Remotion kit; LESSONS.md has what past videos taught.

CrissAlvarezH/video-script

Write short-form video scripts that hold viewers, using the creator's own video analytics. Use when choosing the hook of a chosen idea, writing or tightening a script before filming (talking-head or narrated explainer), or turning a posted video's insights into lessons. Coming up with ideas is content-ideas'.

相关技能