hve-spielberg

Orchestrate app video production from screenshots to final MP4 render.

121|10|Updated Apr 5, 2026
One-click install
npx skills add https://github.com/nebrass/hve-spielberg --skill hve-spielberg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: hve-spielberg
Source: https://github.com/nebrass/hve-spielberg/tree/main
Command: npx skills add https://github.com/nebrass/hve-spielberg --skill hve-spielberg

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

hve-spielberg automates end-to-end video production so you can turn an app or website into a polished marketing promo or portfolio showcase without manually coordinating ideation, scripting, capture, motion design, and audio work.

Core Features & Use Cases

  • Design-thinking discovery and narrative planning: gathers product context and builds a scene-by-scene story with an emotional arc for either promo or showcase formats.
  • Automated screenshot capture via Chrome DevTools: navigates your app pages and captures the exact views needed for each storyboard scene.
  • Brand-matched motion graphics in Remotion: generates Remotion components aligned to your app’s visual identity and assembles them into a complete composition.
  • Voiceover and verified timing with ElevenLabs + Whisper: generates timed narration using ElevenLabs TTS and validates alignment against scene boundaries with Whisper.
  • Background music selection and mixing: searches Freesound for CC-licensed tracks (optional) and mixes music with voiceover for a final MP4 render.

Quick Start

Run: npx skills add nebrass/hve-spielberg, then start the workflow with /hve-spielberg my-project and follow the prompts to select Promo or Showcase, provide your app URL for screenshot capture, choose a voice, and render out/final.mp4.

Frequently Asked Questions about hve-spielberg

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

FAQPage Schema
How do I turn my app into a marketing promo video automatically?

You can turn your app into a marketing promo video by orchestrating design thinking, storyboarding, screenshot capture, Remotion composition, voiceover generation, and audio mixing into a single automated pipeline that outputs a final MP4 render.

How does voiceover generation and timing verification work for app showcase videos?

Voiceover generation for app showcase videos uses ElevenLabs TTS to create narration and Whisper to verify timing alignment against scene boundaries, ensuring the audio matches the visual storyboard progression accurately.

Do I need Chrome DevTools to capture screenshots for a Remotion video composition?

Yes, Chrome DevTools navigation and screenshot tooling are required to navigate your app pages and capture the exact views needed for each storyboard scene before assembling the Remotion composition.

Can I add background music to a voiceover video using ffmpeg?

Yes, you can add background music to a voiceover video by searching Freesound for CC-licensed tracks via an API key and using ffmpeg-based mixing to combine the music with the generated narration into a final MP4 render.

What is the best way to create a portfolio showcase video from a website without manual motion design?

The best way to create a portfolio showcase video from a website without manual motion design is using an end-to-end pipeline that builds a scene-by-scene story with an emotional arc and generates brand-matched Remotion components automatically.

What are the limitations of using automated video production for app promos?

Limitations of automated video production include requiring an active app URL for screenshot capture, needing an optional Freesound API key for background music, and outputting a fixed 1920x1080 resolution MP4 file.