Html2video

Turn a web article URL into a polished 1920x1080 edited video (MP4) — code-driven editing with Remotion, not AI video generation. Use this whenever the user wants an article, blog post, research page or changelog made into a video, or says 文章转视频, 网页转视频, 把这篇做成视频, article-to-video, url-to-video, or asks for an explainer or montage cut of written content. It harvests the page's real structure, full-resolution figures and design tokens, mines the content for what matters (including the caveats most tools skip), commits to a reviewable storyboard.json, then renders through a hardened Chinese-typogr

19 stars 4 forksImages, Video & Audio

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add cclank/lanshu-html2video-skill --skill html2video

Manual install

git clone --depth 1 https://github.com/cclank/lanshu-html2video-skill.git /tmp/lanshu-html2video-skill
mkdir -p ~/.claude/skills
cp -r /tmp/lanshu-html2video-skill/. ~/.claude/skills/html2video

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# html2video

Produce a 1920x1080 H.264 video from a web article. Chinese output by default;
English sources get translated during the reading stage.

The hard part is not rendering. It is deciding what deserves to be on screen —
and the thing that separates this from a slideshow is treating a page's figures
and figure captions as primary material rather than decoration.

## The pipeline

```
HARVEST ──→ READ ──→ STORYBOARD ──→ RENDER
 scripts     you     storyboard.json   library
```

Four stages, and the middle two are where the quality comes from. HARVEST and
RENDER are deterministic and already written; READ and STORYBOARD are editorial
judgement, which is your job.

| Script | Does |
|---|---|
| `scripts/harvest.py` | URL to structured content, full-resolution figures, design tokens |
| `scripts/render.mjs` | storyboard.json to MP4 (stages assets, subsets fonts, validates, renders) |
| `scripts/build_fonts.mjs` | subsets the CJK faces to this board's characters (called by render.mjs) |
| `scripts/sync.sh` | copies the engine from `assets/template/` into the runtime studio |

All paths below are relative to this skill's directory. The render engine lives
in `assets/template/` and runs from `~/.cache/html2video/studio/`, which is where
`node_modules` is kept so it survives between runs.

## 1. HARVEST

```bash
python3 scripts/harvest.py --url "https://example.com/article" --out ./work/myrun
```

Produces `work/myrun/harvest.json` plus `work/myrun/media/fig-NN.png`.

Read the full skill on GitHub

Details

Skill name: html2video
Repository: cclank/lanshu-html2video-skill
License: MIT
Repo updated: 25 August 2026

FAQ

What does the Html2video skill do?

How do I install the Html2video skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add cclank/lanshu-html2video-skill --skill html2video. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Html2video popular?

It lives in cclank/lanshu-html2video-skill, which has 19 GitHub stars and 4 forks.

Related skills

Whiteboard Video

Matteoikarieth96/whiteboard-video-skill

Make hand-drawn whiteboard explainer videos (animated marker drawings, voice-over, burned-in captions, MP4) on any topic. Use this whenever the user wants an explainer video, a whiteboard or "drawn" animation, an animated explainer for a talk, a short video for X/LinkedIn/YouTube that explains a concept, or asks to turn a script, article, slide deck or topic into a narrated video, even if they don't say "whiteboard". It interviews the user for context, writes and fact-checks a scene-by-scene script for approval, offers voice-over options with audio samples (free macOS voices, ElevenLabs, OpenA

Images, Video & Audio

Fish Audio

AceDataCloud/Skills

Generate text-to-speech, find saved voices, create a persistent public voice model, or make a one-shot clone from an HTTPS audio URL and exact transcript via AceDataCloud API.

Images, Video & AudioIn 1 list

Reference Led Ugc Product Video

TuolaGe/reference-led-ugc-product-video

制作、返工或创意验收以参考视频的注意力节奏、证据顺序和镜头功能为骨架的 9:16 UGC 商品视频或 Fashion Reels。适用于包含人物表现、穿搭/上脚、精确商品多角度或多类动态证据的复杂任务，也适用于诊断成片不像参考、商品生成变形、人物站桩、静态广告感或嘴型表情过大的问题。不用于单镜头 talking head、简单字幕/转码、普通拼接或无需参考节奏重建的简单单一 B-roll。

Images, Video & Audio

Whisper Skill

Mobiss11/Whisper-Skill

Используй этот скилл когда пользователю нужна локальная транскрибация аудио/видео через Whisper, голосовой ввод (диктовка вместо клавиатуры, push-to-talk hotkey), или вшивание субтитров в MP4 в стиле CapCut. Активируй при задачах "транскрибируй файл/папку/TikTok/YouTube/подкаст", "сабы для shorts/reels/тиктока", "speech-to-text локально", "speaker diarization", "диктовка голосом", "Superwhisper alternative", "Wispr Flow alternative", "voice dictation". Скилл автоматически определяет ОС/CPU/GPU и подбирает оптимальный бэкенд (faster-whisper / whisper.cpp / whisperx / mlx-whisper / openvino) и м

Images, Video & Audio14

Teable Assistant Ops

teableio/agent-skills

Operate Teable projects — tables, fields, views, records, SQL queries, automations, headless routines, apps, image generation, and web scraping. Trigger when user mentions Cuppy, Teable, teable CLI, or Teable-style IDs (bseXXX, tblXXX, fldXXX, recXXX, viwXXX), or wants to manage tables/fields/records, build dashboards/apps, generate images or charts, create automations, import/export data, trigger AI fill, or scrape websites (LinkedIn, Amazon, YouTube, etc.) — even if they don't explicitly say "Teable" but are clearly working with a Teable project (called base in the API).

Images, Video & AudioIn 1 list

H3mlx

RobZombAI/H3MLX

Autonomous AI agent execution skill for high-speed, photorealistic MiniMax-H3 video and 48kHz audio generation on Apple Silicon (Metal 4 / MLX / Pure C). Includes Fast Master (8-step) and FastVideo (4-step) presets, hardware auto-profiling, and broadcast mastering.

Images, Video & Audio

Browse the most popular Claude skills, all images, video & audio skills, or write your own with the skills generator.