skills.rest
vericontext
vericontextOFFICIAL
Explore all skills by this author →
GitHub

vibe-scene

Manage VibeFrame scene project lifecycle with HTML composition and MP4 rendering.

164|31|Updated Feb 1, 2026
Search Tags:#project management#video production#scene composition#AI video generation#VibeFrame
One-click install
npx skills add https://github.com/vericontext/vibeframe --skill vibe-scene
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vibe-scene
Source: https://github.com/vericontext/vibeframe/tree/main/.agents/skills/vibe-scene
Command: npx skills add https://github.com/vericontext/vibeframe --skill vibe-scene

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires FFmpeg, Chrome, API keys for AI providers, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the process of authoring, repairing, rendering, and inspecting VibeFrame scene projects, making it efficient to work with video compositions and storyboards.

Core Features & Use Cases

  • Project Management: Initiate, build, and render video projects with defined profiles and ratios.
  • Scene Composition: Author and compose scene HTML for visual storytelling with support for Lottie animations.
  • Narration Word-Sync: Sync captions and kinetic typography with generated narration for a cohesive presentation.
  • Use Case: For a filmmaker looking to create a short film with a consistent character across multiple scenes, this Skill can automate the process of generating keyframes, animating approved stills, and composing the final render.

Quick Start

Initialize a new video project with vibe init my-video --profile agent --ratio 16:9, edit DESIGN.md and STORYBOARD.md, then build the project with vibe build my-video.

Frequently Asked Questions about vibe-scene

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

FAQPage Schema
How do I convert a storyboard to an MP4 video using HTML scene composition?▼

You can convert a storyboard to an MP4 by authoring HTML-based scene compositions and using the rendering pipeline to process them into a final video file. This workflow supports visual storytelling with integrated Lottie animations.

Do I need FFmpeg and Chrome installed to render AI video generation projects?▼

Yes, you need FFmpeg and Chrome installed locally to render video projects. You also need API keys for your configured AI providers to generate the images and videos required for the scenes.

Can I sync kinetic typography and captions with generated narration for video production?▼

Yes, you can sync captions and kinetic typography with generated narration. This feature ensures a cohesive presentation by aligning visual text elements precisely with the audio narration track.

What is the best way to initialize a video project with a specific aspect ratio and profile?▼

Initialize a video project by running the initialization command with your desired profile and ratio parameters. After initialization, you edit the design and storyboard files before building the project.

How does scene composition handle consistent characters across multiple video scenes?▼

Scene composition automates consistent character rendering by generating keyframes and animating approved stills across multiple scenes. This allows filmmakers to maintain visual continuity throughout the final render.

Are there limitations when using HTML-based scene composition for AI video generation?▼

HTML-based scene composition relies on local Chrome rendering and FFmpeg processing, requiring valid API keys for AI providers. Complex projects may face limitations based on local system resources and API rate limits.

Related Skills

Explore More Software Engineering Skills→
TeamDay-AITeamDay-AI
2

generate-image

Generate AI images via FAL Flux 2, Gemini, OpenAI, and Grok providers.

Official
Intermediate
automatedigitalautomatedigital
1

hyperframes

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

Official
Advanced
johunsangjohunsang
10

hyperframes

Author HTML-based video compositions with GSAP timelines and captions.

Community
Advanced
yellowhamayellowhama

video_storyboard_planner

Generate video storyboards with narration and T2I/I2V shot decomposition.

Community
Advanced