general-video

Authors custom HyperFrames video compositions of any length or format as a fallback workflow.

136|8|Updated May 9, 2026
One-click install
npx skills add https://github.com/Sma1lboy/rove --skill general-video-sma1lboy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: general-video
Source: https://github.com/Sma1lboy/rove/tree/main/.claude/skills/general-video
Command: npx skills add https://github.com/Sma1lboy/rove --skill general-video-sma1lboy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? When a video request does not fit any specialized HyperFrames workflow (product demo, website, explainer, PR recap, footage recut, or short motion graphic), you need a general authoring process that still produces a designed, on-brand composition rather than a generic centered layout. ## Core Features & Use Cases - Fallback composition authoring: Handles longer multi-scene pieces, brand reels, montages, title cards, static loops, and freeform compositions of any length or format. - Mandatory design grounding: Enforces a hard gate requiring a spec- or house-style-based visual identity, a one-sentence concept angle, an embeddable font pairing, and a foreground density plan before any HTML is written. - Layout-before-animation discipline: Builds the hero frame as static HTML/CSS first, then adds GSAP entrances, preventing overlap bugs that only appear at render time. - Use Case: A user asks for a 30-second brand sizzle reel with three scenes. The skill runs discovery, grounds the design in house-style and video-composition references, plans rhythm and timing, builds each scene's end-state layout, animates with GSAP, and validates with hyperframes lint, validate, and inspect. ## Quick Start Ask the agent to create a custom video composition, such as a brand intro or title card, and let it route through the general-video workflow when no specialized HyperFrames skill fits.

Frequently Asked Questions about general-video

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

FAQPage Schema
How do I create a custom video composition with HyperFrames?▼

Use the general-video workflow when no specialized skill fits: establish a design system from the spec or house-style references, plan structure and rhythm, build the static hero-frame layout first, then add GSAP animations and validate with hyperframes lint and inspect.

When should I use general-video instead of a specialized video workflow?▼

Use it only as a fallback when the input does not clearly fit a specialized route such as topic explainer, GitHub PR recap, existing footage recut, or short motion graphic. If a specialized workflow matches, prefer it instead.

Why does my HyperFrames scene content pile into the top-left corner?▼

The root composition div and every ancestor wrapper must have resolved dimensions, such as width 1920px and height 1080px on the root. Without this, percentage-based flex containers collapse to zero height even though lint and inspect report no issues.

Should I animate elements before or after laying out a video scene?▼

Lay out the hero frame first as static HTML and CSS with every element at its most visible position, then animate entrances with gsap.from toward that CSS position. Animating first hides overlap problems until render time.

What are the limitations of the general-video workflow?▼

It does not handle live or render-time data, NLE-style editing of finished videos, or footage HyperFrames cannot capture. It also defers to specialized workflows whenever one clearly matches the input type.