Render Helios compositions to video assets via Playwright and FFmpeg.
npx skills add https://github.com/BintzGavin/helios --skill helios-renderer
Please help me install this Agent Skill. Skill: helios-renderer Source: https://github.com/BintzGavin/helios/tree/main/.agents/skills/helios/renderer Command: npx skills add https://github.com/BintzGavin/helios --skill helios-renderer
The Helios Renderer enables headless, programmatic rendering of Helios compositions into video or image assets, turning interactive scenes into distributable media without manual capture.
Create a Renderer instance with your target output and call render on a composition URL to produce a video file, e.g. new Renderer({ width: 1920, height: 1080, fps: 30, durationInSeconds: 10 }).render('http://localhost:3000/composition.html', './output.mp4', { onProgress: p => console.log(Progress: ${p * 100}%) }).
High-intent search queries and answers about installing and using this skill.
To render DOM compositions to video, configure a Renderer instance with width, height, fps, and duration. Call the render method on your composition URL, using Playwright for capture and FFmpeg for encoding the output file.
Yes, you can automate server-side video generation for Canvas compositions. The Renderer API supports headless programmatic rendering, making it ideal for server-side pipelines, batch exports, and on-demand project preview generation.
The best way to capture CSS animations into an MP4 is using DOM rendering mode with Playwright. It records DOM-structured projects with media elements and encodes them via FFmpeg into a distributable video file.
Yes, headless video rendering supports configurable audio tracks and encoding options. The Renderer API allows you to specify width, height, fps, duration, and audio handling within a single pipeline configuration.
You can track rendering progress during batch exports by passing an onProgress callback function to the render method. This monitors the encoding pipeline in real-time, logging completion percentages as it processes.
BintzGavinGuide Helios users through installing core and renderer packages and creating their first composition file.
tpottEmbed SRT subtitles into WEBM, MP4, or MKV videos using ffmpeg.
sridCapture and upload screenshots or videos of on-screen changes for PRs.
MaosixianCapture webpage screenshots from URLs and save them as image files.
