skills.rest
vibe-motion
vibe-motionOFFICIAL
Explore all skills by this author →
WebsiteGitHub

general-video

Create custom HyperFrames video compositions with validated HTML, CSS, and GSAP output.

236|31|Updated Jun 29, 2026
Search Tags:#motion design#gsap#video composition#multi-scene#hyperframes#fallback workflow
One-click install
npx skills add https://github.com/vibe-motion/auto-motion --skill general-video
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: general-video
Source: https://github.com/vibe-motion/auto-motion/tree/main/exampleFolder/.claude/skills/general-video
Command: npx skills add https://github.com/vibe-motion/auto-motion --skill general-video

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you build custom video compositions when a request does not fit a more specialized HyperFrames workflow, avoiding generic or misrouted outputs.

Core Features & Use Cases

  • Fallback composition workflow: Handles long-form, multi-scene, brand, sizzle reel, montage, title card, static loop, and freeform video requests.
  • Design-first guidance: Requires you to ground the visual identity, choose an intentional concept angle, and follow the HyperFrames design system before building.
  • Motion and layout planning: Guides scene structure, rhythm, timing, and end-state layout before adding animation, helping produce polished render-ready work.
  • Use case: Use it when you need a custom animated video but no specialized workflow clearly matches the brief.

Quick Start

Use the general-video skill to create a custom HyperFrames composition from my brief, following the fallback workflow and returning a render-ready preview.

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 multi-scene video composition with GSAP?▼

To create a multi-scene video composition, you ground the visual identity, plan scene structure and timing, and generate validated HTML, CSS, and GSAP output for a render-ready build.

When should I use a fallback workflow for motion design?▼

Use a fallback workflow for motion design when a request involves long-form, multi-scene, brand, montage, title card, loop, or freeform videos and no specialized workflow clearly matches the brief.

What is the best way to plan rhythm and timing for a hyperframes video?▼

The best way to plan rhythm and timing for a hyperframes video is to define scene structure, rhythm, timing, and end-state layout before adding any animation to ensure polished render-ready work.

Does the general-video skill require design grounding before building?▼

Yes, the general-video skill requires you to ground the visual identity, choose an intentional concept angle, and follow the HyperFrames design system before building the composition.

Can I build a sizzle reel or montage without a specialized workflow?▼

Yes, you can build a sizzle reel or montage using the fallback composition workflow, which handles open-ended briefs and produces render-ready HTML, CSS, and GSAP output.

Related Skills

Explore More Design & Creative Skills→
truchottruchot
2

direction-artistique

Define visual identity, brand language, and governance for projects.

Community
Advanced
automatedigitalautomatedigital
1

hyperframes

Create HTML-based video compositions with GSAP animations and render deterministic MP4 outputs.

Official
Advanced
zeitlinbzeitlinb

hyperframes-animation

Compose web animations using atomic motion patterns and runtime adapters.

Community
Advanced
GLaDO8GLaDO8

remotion-best-practices

Standardize Remotion video composition project structure and workflow.

Community
Advanced