promo-editor

Stitch assets, text, and transitions into HyperFrames promo videos with MP4 output.

77|14|Updated May 11, 2026
One-click install
npx skills add https://github.com/kangarooking/promo-creator-skills --skill promo-editor
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: promo-editor
Source: https://github.com/kangarooking/promo-creator-skills/tree/main/promo-editor
Command: npx skills add https://github.com/kangarooking/promo-creator-skills --skill promo-editor

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

HyperFrames 的渲染引擎可以把来自素材库、文字层和转场设定的分镜时间码,统一串联成一个完整的 1-2 分钟宣传片 MP4,省去手动拼接和前端编码的繁琐。

Core Features & Use Cases

  • 将素材、文字、动画和转场写入可暂停的 HyperFrames master HTML,并渲染为最终成片。
  • 支持分镜时间码驱动的逐镜头合成、文本层和装饰层并行处理、以及可控转场和渲染设置。
  • 工作流可核对可复用:在渲染前输出 EDL(编辑决策表)并保持阶段性产出,便于迭代。

Quick Start

创建 master-edit.html 并按照分镜时间码把素材、文字与动画写入 GSAP 时间线,然后执行最终渲染。

Frequently Asked Questions about promo-editor

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate promo video rendering from a storyboard timeline?

Automating promo video rendering involves using a storyboard-guided timeline to coordinate assets, text, and transitions into a final MP4. This pipeline stitches inputs together through a master HTML file driven by GSAP, enforcing a structured, repeatable workflow with an editing decision table for modular video creation.

Can I use GSAP to build a layered composition for a 1-2 minute product video?

Yes, you can use GSAP to build layered compositions for 1-2 minute product videos. By writing storyboard timecodes, assets, text layers, and transitions into a master HTML timeline, GSAP coordinates the animation and rendering to output a standardized MP4 file.

What is an editing decision table and how does it apply to video editing?

An editing decision table (EDL) in video editing is a structured output that logs editing decisions before final rendering. It enforces an auditable, modular workflow by maintaining staged outputs, allowing production teams to review, iterate, and verify timing and layered composition before generating the MP4.

Does HyperFrames support rendering text layers and transitions in parallel?

HyperFrames supports rendering text layers and decorative layers in parallel within a master HTML file. It uses storyboard timecodes to drive shot-by-shot synthesis, allowing precise control over transitions and render settings before outputting the final MP4 video.

What is the best way to standardize delivery for short product videos?

The best way to standardize delivery for short product videos is using a structured rendering pipeline that outputs an MP4 file. This involves creating a master HTML with GSAP-based timelines, enforcing an editing decision table for auditable iteration, and coordinating assets through a storyboard-guided timeline.

Why does my GSAP timeline need a master HTML file for motion design rendering?

A GSAP timeline needs a master HTML file for motion design rendering because it acts as the central coordinator for all assets, text, and animations. This master HTML enables a repeatable, end-to-end pipeline that stitches inputs together and renders them into a final, standardized MP4 promo video.