Communitygithub.com

ZJU-REAL/Easel

Video production strategy and tool selection: AI video generation model comparison, video script structure design, production workflow planning, covering product demos, explainers, and social media short videos. Use when users ask "how to make a video", "video tool selection", "what tool to use for video", "video production workflow", "video strategy", or "video series planning". Different from video-script: video-strategy handles content planning and tool selection, while video-script writes scripts for specific videos.

What is Easel?

This skill, named "Easel", is a comprehensive video production strategy and tool selection assistant designed for AI agents and developers. It helps users navigate the complex landscape of video creation by providing structured guidance on AI video generation models, programmatic video frameworks, script structure design, and end-to-end production workflows. The skill compares major AI video models (e.g., Veo 3, Sora 2, Runway, Kling) across resolution, duration, specialties, and cost, and offers platform-specific specifications for both Chinese (Douyin, Bilibili, Kuaishou) and international (YouTube, TikTok, Instagram) platforms. It also introduces programmatic video frameworks like Hyperframes (HTML/CSS-based, agent-friendly) and Remotion (React-based for complex animations), and integrates with agent-controllable pipelines including ffmpeg editing via a separate `video-editing` skill. By leveraging a team profile (e.g., brand style, target platform, audience), Easel delivers tailored recommendations, helping users avoid common pitfalls like wrong aspect ratios or overproduction. The skill is accessible via APIs and pre-built templates, making it ideal for developers building automated video production systems.

Works with~Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/ZJU-REAL/Easel/tree/HEAD/skills/openclaw/video-strategy

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

Video Production Strategy

Video production strategy and tool selection. Covers AI video generation model comparisons, programmatic video framework choices, video script structure design, and production workflow planning.

This skill is responsible for strategy planning and tool selection. The deployed video-editing skill can perform actual ffmpeg editing operations (cropping, jump cuts, text overlays, speed changes, etc.).

Input

  • Video goal (product demo / explainer / social media short / advertisement / tutorial)
  • Target platform (Douyin / Bilibili / Kuaishou / WeChat Video / YouTube / Instagram)
  • Existing assets (screenshots, screen recordings, scripts, brand materials)
  • Budget and tech stack constraints

Output

  • Recommended production plan (tool selection + rationale)
  • Platform adaptation specs (resolution, duration, aspect ratio)
  • Production workflow steps
  • Video script structure (if needed)

Execution Steps

1. Gather Context

Confirm the following information (ask proactively if not provided):

  • Video type: Product demo, explainer, social media short, advertisement, tutorial
  • Target platform: Determines aspect ratio and duration limits (see platform specs table below)
  • Presentation style: AI digital human / voiceover + visuals / fully programmatic / screen recording
  • Asset availability: Whether existing assets exist (screenshots, screen recordings, logo)
  • Reuse needs: One-time vs. template-based batch production
  • Budget: Some tools charge per video duration

2. Select Production Plan

PlanUse CaseToolsAvailability
Programmatic videoTemplate-based, data-driven, batchHyperframes, Remotion✅ Node.js available
AI video generationOriginal footage, B-rollVeo 3, Sora 2, Runway, Kling, Seedance⚠️ Requires API key
AI digital humanHuman presenter, multilingualHeyGen, Synthesia⚠️ Requires API key
Editing/remixLong video to short clipsffmpeg (video-editing skill), CapCut✅ ffmpeg available

3. AI Video Generation Model Comparison

If the user needs AI-generated video footage, refer to this table for selection:

ModelResolutionMax DurationSpecialtyCost
Veo 3 (Google)Up to 1080pVariableBest quality + synchronized audioAPI billing
Sora 2 (OpenAI)Up to 1080p~20sCinematic quality + synchronized audioAPI + ChatGPT
Runway Gen-4Up to 4K~10s/clipMotion control, temporal consistencySubscription
Kling 2.5/3.0 (Kuaishou)Up to 1080pUp to 2 minLong shots, low unit costPer second (low unit price)
Seedance (ByteDance)Up to 1080pShort clipsFast generation, high motion fidelity, good for batchPoints-based
Hailuo / MiniMax (MiniMax)Up to 1080pShort clipsCross-shot character consistencyPoints-based
Pika 2.x1080pShort clipsFast effects, image-to-videoPoints-based
Hunyuan Video / Wan 2 (Tencent)720p-1080pVariableOpen-source self-deployment, fully controllable, no API feeFree (requires GPU)

Quick Selection Guide:

  • Best quality + audio: Veo 3 or Sora 2
  • Batch / low cost: Kling, Seedance
  • Cross-shot character consistency: Hailuo
  • Self-deployment / brand control: Hunyuan Video or Wan 2 (open-source weights)
  • Image-to-video: Kling, Pika, Runway

The model version numbers and pricing in the table above iterate rapidly with vendors, for reference only. Always refer to the latest official vendor announcements.

For AI video prompting guidelines, see references/ai-video-prompting.md

4. Target Platform Specifications

Chinese Platforms

PlatformAspect RatioRecommended ResolutionDuration LimitNotes
Douyin9:161080x192015s / 60s / 15minCompletion rate weight highest under 15s
Bilibili16:91920x1080No hard limitPrimarily landscape, portrait also supported
Kuaishou9:161080x192011minPrimarily portrait
WeChat Video9:16 / 16:91080x192030minShort videos < 1min prioritized for recommendation
Xiaohongshu9:16 / 3:41080x192015min3:4 also commonly used

International Platforms

PlatformAspect RatioRecommended ResolutionDuration Limit
YouTube16:91920x1080 / 3840x2160Unlimited
YouTube Shorts9:161080x192060s
TikTok9:161080x192010min
Instagram Reels9:161080x192090s
Instagram Feed1:1 / 4:51080x1080 / 1080x135060s

5. Programmatic Video Frameworks

Generate videos with code, suitable for repeatable, template-based, data-driven batch production.

Hyperframes (HTML/CSS, recommended) – Open source, Apache 2.0, each frame is an HTML document, most agent-friendly. Remotion (React) – Stronger animation capabilities, suitable for complex motion effects and Lambda batch rendering.

FactorHyperframesRemotion
Agent friendlinessBetter (pure HTML)Good (React)
Animation capabilityBasic (CSS transition)Advanced (Spring, interpolate)
Batch renderingLocalLambda (AWS)
LicenseApache 2.0Commercial license required

6. Production Workflow Templates

Product Demo Video: Script → Screen recording → Programmatic overlays (titles, annotations) → AI B-roll → Voiceover → Export per platform specs

Explainer Video: Script (problem → solution → CTA) → Choose presentation style (AI digital human / voiceover) → Visual production → Add subtitles → Export

Batch Social Media Shorts: Build template in Hyperframes/Remotion → Inject data → Batch render → Add platform subtitles → Distribute

Viral Remix Replication: Pull reference video → Break down editing beat by beat → Output beat sheet → Execute with own footage. See references/edit-anatomy.md

7. Agent-Controllable Pipeline

Agent writes script (using Profile)
    ↓
Hyperframes: HTML → MP4 (programmatic video)
    and/or
AI video API: Generate B-roll
    ↓
ffmpeg (video-editing skill): Edit and composite
    ↓
Outputs → outputs/

Common Mistakes

  1. Choosing tools before strategy – Clarify video goals first, then select tools
  2. Adding text inside AI-generated video – Models cannot reliably render readable text; use programmatic overlays
  3. Ignoring subtitles – 85% of social media videos are watched on mute; must include subtitles
  4. Wrong aspect ratio – Portrait 9:16 for social media, landscape 16:9 for YouTube/websites
  5. Overproduction – Authenticity often outweighs polish on social media platforms

Profile Awareness

Detects === EASEL ACCOUNT PROFILE === marker.

When Profile is present:

  • Read brand visual style (colors, fonts, logo) from Profile and apply to video templates
  • Read target platform preferences, prioritize corresponding platform specs
  • Read audience persona, adjust video style (professional / casual / trendy)
  • Read product information and use directly for script writing

When Profile is absent:

  • Fall back to general mode, proactively ask about brand style and target platform
  • Recommend plan based on general best practices

Individual skills in this repo

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

ZJU-REAL/Easel

AI 视频生成:文生视频 / 图生视频 / 数字人首帧驱动。通过可插拔 provider(通义万相 Wan / 火山 Seedance / 快手可灵 / OpenAI 兼容)异步生成视频,用户自备 API key。当用户说 AI 视频生成、文生视频、图生视频、AI 生成视频、AI 短视频、让图片动起来、数字人视频、生成一段视频 时使用。与 video-strategy(选型/策略)、video-editing(剪辑处理)、clipify(切片)区别:本 SKILL 是从 0 用 AI 生成新视频。

ZJU-REAL/Easel

通用音频处理:音频剪辑/裁剪、格式转码(mp3/wav/m4a/aac)、音量归一化、从视频提取音轨、多段拼接、淡入淡出、变速(保音高)。当用户说“剪音频”“裁一段”“转成 mp3”“调音量/响度”“提取音轨/扒音频”“拼接音频”“淡入淡出”“加速/减速音频”“变速不变调”时使用。与 audio-denoise 的区别:audio-denoise 专做降噪,audio-editing 做除降噪外的通用音频操作(也内置 denoise 作为兜底)。

ZJU-REAL/Easel

一句话主题 → 成品短视频:自动串联 文案→配图/AI视频→配音→字幕→BGM→合成,把 Easel 制作层零件编排成一条'一键出片'流水线。**单条视频、口播/资讯向,画面默认逐句配图 + Ken Burns 缓动,需要动态时才逐段图生视频**。当用户说 一键生成视频、自动做短视频、主题生成视频、帮我做条视频、口播视频一条龙、自动出片、短视频一键生成 时使用。**有剧情/角色/对白/反转/多集的短剧改用 short-drama(每镜强制图生视频、不用静态图冒充);只写脚本用 video-script;只生成单个片段用 ai-video-gen。**

ZJU-REAL/Easel

自动字幕 / 语音转字幕:把音频或视频里的语音识别成字幕文件(SRT/ASS/TXT/JSON),可选把字幕烧录进视频。当用户说自动字幕、语音转字幕、视频加字幕、上字幕、转录、听写、字幕文件、生成字幕、烧字幕时使用。

ZJU-REAL/Easel

音乐卡点视频 / 踩点视频:检测背景音乐的节拍,让图片或片段在节拍点上切换,配推进/白闪特效,做出燃系'卡点'短视频。当用户说 卡点视频、踩点视频、音乐卡点、节奏卡点、按音乐切换、鼓点视频、踩节奏、beat 卡点、图片卡点、卡点混剪 时使用。基于 shared/scripts/beatsync.py(librosa 节拍检测)。与 slideshow-video 区别:slideshow 每图固定时长、柔和转场,本 SKILL 切换点由音乐节拍决定、硬切踩点带特效。

ZJU-REAL/Easel

Easel clipify: long English talk → punchline cuts → optional 16:9→9:16 face-pan/split → opus word-by-word ASS burn. Ships scripts + assets/preview.png. Part of 1.6k★ Easel suite.

ZJU-REAL/Easel

>- 通用图像处理加工:改尺寸/缩放、裁剪、补边适配平台尺寸、格式转换(png/jpg/webp)、 压缩到目标大小、加文字或图片水印、圆角、多图拼接、生成缩略图、读图片信息。 基于 image_ops.py 确定性处理。 使用时机:用户说"改尺寸"、"缩放图片"、"裁剪"、"压缩图片"、"加水印"、"转格式"、 "圆角"、"拼图/多图联排"、"缩略图"、"适配小红书/朋友圈尺寸"、"把图 pad 成 1:1"。 和 card-*(卡片类)的区别:card-* 是"HTML 设计→渲染出图", image-editing 只加工已有图片,不负责视觉设计。

ZJU-REAL/Easel

多角色对话配音:按 cast 和逐行对白为不同角色分配音色与情绪,合成多声线音轨和带角色名字幕。 当用户说“多角色/双人/剧本/对话配音、多人对白、不同角色不同声音、有声剧配音”时使用。 单一公共音色用 tts-voiceover;克隆本人音色用 voice-clone;整部短剧制作由 short-drama 编排。

ZJU-REAL/Easel

Easel video-highlights: CN/livestream highlight extract + stable static vertical reframe (sibling to clipify).

Related Skills