html-to-video

82 / 100 · Low risk

Fine to try.

By EthanY33/atelier (GitHub) · design · 10 stars · scanned at commit 848320d

Record an HTML page, local .html file or URL as an MP4 (H.264) or WebM (VP9) video with frame-exact timing (virtual clock), optional muxed audio and a JPG poster. Use for product or game trailers, animated demo clips, screencasts of a local dev server, changelog or social videos, and turning CSS/JS animations into a video or GIF.

Works with any agent that supports SKILL.md skills.

What this skill can do

Downloads and installs other software

The author does not mention this.

Found in 5 places.

plugins/atelier/skills/html-to-video/SKILL.md, line 6Needs ffmpeg on PATH and the Playwright Chromium build that matches the plugin's pinned Playwright (`npx playwright@<version> install chromium`; installing the
plugins/atelier/lib/doctor.mjs, line 72checks.push({ name: 'chromium', status: 'warn', detail: err instanceof PreflightError ? err.message : firstLine(err), fix: err?.fix ?? `npx playwright${playwrig
plugins/atelier/lib/preflight.mjs, line 199return `npx playwright${v ? `@${v}` : ''}`;

Show 2 more

plugins/atelier/lib/preflight.mjs, line 257if (platform === 'darwin') return 'brew install ffmpeg';
plugins/atelier/lib/preflight.mjs, line 258return 'sudo apt install ffmpeg (or your distro\'s package manager)';

Runs commands on your computer

This is disclosed by the author in the skill's SKILL.md or README.

Found in 7 places.

plugins/atelier/skills/html-to-video/SKILL.md, line 11node "${CLAUDE_PLUGIN_ROOT}/bin/atelier" video http://localhost:5173/trailer.html dist/trailer.mp4 10 --width 1920 --height 1080
plugins/atelier/skills/html-to-video/SKILL.md, line 20node --input-type=module -e "const { pathToFileURL } = await import('node:url'); const m = await import(pathToFileURL(process.argv[1]).href);
plugins/atelier/skills/html-to-video/SKILL.md, line 87ffprobe -v error -select_streams v:0 -count_frames -show_entries stream=width,height,r_frame_rate,nb_read_frames -of json dist/trailer.mp4

Show 4 more

plugins/atelier/skills/html-to-video/SKILL.md, line 93ffmpeg -i dist/demo.mp4 -vf "fps=15,scale=640:-1:flags=lanczos,palettegen" palette.png
plugins/atelier/skills/html-to-video/index.mjs, line 30import { spawn } from 'node:child_process';
plugins/atelier/bin/atelier, line 12import { spawn } from 'node:child_process';
plugins/atelier/lib/preflight.mjs, line 8import { spawn } from 'node:child_process';

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'html-to-video' ] || [ -L ~/.agents/skills/'html-to-video' ]; then echo 'A skill folder named html-to-video already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/EthanY33/atelier' "$d" && git -C "$d" checkout --quiet '848320d77ae1d2218a80d1b97be5804191651e82' -- 'plugins/atelier/skills/html-to-video' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/atelier/skills/html-to-video' ~/.agents/skills/'html-to-video' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'html-to-video' ~/.claude/skills/'html-to-video' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for EthanY33/atelier shows the score of its lowest-scoring skill.

SkillTrust badge for EthanY33/atelier

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/EthanY33/atelier.svg)](https://zalavijaysinh.github.io/skilltrust/repos/EthanY33/atelier/)

Score history

Date	Version	Score
2026-11-14	`848320d`	82