create-storyboard-html

Assemble JSON fragments into an HTML storyboard for video projects.

6|1|Updated May 29, 2026
One-click install
npx skills add https://github.com/gooseworks-ai/gooseworks-ads-skills --skill create-storyboard-html
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-storyboard-html
Source: https://github.com/gooseworks-ai/gooseworks-ads-skills/tree/main/skills/atoms/planning/create-storyboard-html
Command: npx skills add https://github.com/gooseworks-ai/gooseworks-ads-skills --skill create-storyboard-html

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill automates the assembly of a comprehensive storyboard for video projects, streamlining the review process and eliminating manual HTML authoring.

Core Features & Use Cases

  • Storyboard Creation: Assembles a single review surface from JSON fragments, with TOC and state sections.
  • Fragment-Based: Each state writes a JSON fragment, and the script collates them into the final HTML.
  • Use Case: Ideal for initializing new ads, updating states, and reviewing progress. It's designed for music-video, cartoon-music-video, comic-strip, and narrator-driven ads.

Quick Start

Use the create-storyboard-html skill in your project to render the storyboard with the command:

python3 skills/atoms/planning/create-storyboard-html/scripts/render_storyboard.py --video-folder <video_folder>

Frequently Asked Questions about create-storyboard-html

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

FAQPage Schema
How do I generate an HTML storyboard from JSON fragments for video production?▼

You can generate an HTML storyboard by running a Python script that collates JSON fragments into a single review surface. The script processes each state fragment and assembles a comprehensive HTML page with table of contents and state sections.

Can I use this storyboard generation tool for narrator-driven ads and music videos?▼

Yes, the storyboard generation tool is designed for music-video, cartoon-music-video, comic-strip, and narrator-driven ads. It initializes new ads, updates states, and reviews progress for these specific video production workflows.

What do I need to render a video storyboard HTML page?▼

To render a video storyboard HTML page, you need a Python environment and a designated video folder containing your JSON fragments. The rendering script reads these fragments and outputs the final assembled HTML.

What is the best way to automate video project storyboard assembly?▼

The best way to automate storyboard assembly is using a fragment-based approach where each state writes a JSON fragment. A rendering script then collates these fragments into a final HTML page, eliminating manual HTML authoring.

Does the storyboard HTML rendering script support manual HTML editing?▼

No, the storyboard rendering script eliminates manual HTML authoring by automating the assembly process. It directly converts JSON fragments into a comprehensive HTML review surface without requiring manual coding.

Why does the storyboard script require a specific video folder?▼

The storyboard script requires a specific video folder because it needs to locate and process the JSON fragments stored within that directory. The folder acts as the input source for assembling the final HTML storyboard.