A Claude Code skill that turns a website URL into a 60 fps product launch video, built from HTML animations rendered with Playwright and ffmpeg.
- Звёзды
- 174
- Форки
- 0
- Открытые issues
- 0
- Последний коммит
- 5 дней назад
Ключевые возможности
- 01Renders scenes deterministically by seeking animations to exact timestamps, avoiding recording timing bugs.
- 02Offers two voiceover engines: free edge-tts by default, or Volcano Engine TTS with an API key.
- 03Times subtitles from word-level TTS timestamps and anchors animations to subtitle text.
- 04Includes 23 visual style templates and a library of about 40 motion primitives.
- 05Produces 16:9, 3:4 and optional 9:16 cover images alongside the MP4, SRT and VTT files.
- 06Supports 1080p and 4K output at 30 or 60 fps, with optional motion blur and parallel rendering.
Сценарии использования
- Turning an article or documentation page into a narrated explainer video.
- Producing a series of topic videos with consistent voiceover and subtitles from an AI coding agent.
- Generating videos offline without per-video API fees, using the default edge-tts voice.
- Making reproducible explainer renders where re-running the pipeline gives identical frames.
Темы
Частые вопросы
- Что такое html-explainer?
- An Agent Skill that turns a topic into a narrated explainer video with voiceover, hard subtitles and cover images, rendered locally from HTML.
- html-explainer можно использовать бесплатно? Какая у него лицензия?
- html-explainer распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- html-explainer всё ещё поддерживается?
- Активно поддерживается. Последний коммит в html-explainer — 14 окт. 2026 г..
- Для чего можно использовать html-explainer?
- Turning an article or documentation page into a narrated explainer video. Producing a series of topic videos with consistent voiceover and subtitles from an AI coding agent. Generating videos offline without per-video API fees, using the default edge-tts voice. Making reproducible explainer renders where re-running the pipeline gives identical frames.
- Где скачать html-explainer?
- Исходный код и инструкции по установке — на GitHub: https://github.com/OneMoh/html-explainer
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
A set of plain-language agent skills for Claude Code, Codex CLI, Cursor CLI and Gemini CLI that turn agent work into reports a non-engineer can act on.
An agent skill for Claude Code and Codex that turns your app's real UI into launch films and other short videos, cut to music and rendered locally.
An agent skill that turns your just-built project into a short, shareable launch video with music, motion, and share copy in one command.
Agent skill files that guide AI assistants in writing prompts for ByteDance's Seedance 2.0 video generation model.
An agent skill that turns an AI agent's answer to a hard question into one readable, offline HTML page with diagrams instead of a wall of text.