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.