#19 · ⚡24h jump · 🔥 (Rising) · 🔥3 days running+3,147★ · 8 months old

HTMLからMP4動画を生成するフレームワーク

TypeScript Difficulty: Intermediate Image & videoAgent add-ons 🆓No extra cost

The three-line summary, the reason it surged and the spin-off ideas are generated automatically by AI. They can be wrong. Always check the original on GitHub before acting on them. Terms of Use

① What is it? (in three lines)

HTMLとCSSを書くだけで、MP4形式の動画ファイルを自動生成できるツール。AI エージェント(Claude Code など)に統合でき、エージェントの指示で動画制作を自動化。ローカルで動く CLI とプラグイン対応。

Read the original GitHub description

Write HTML. Render video. Built for agents.

② Total stars over time (last 7 days, one point per day)

Total stars
★75,462
Last 24h
+748★
24h growth
+1.0%
Last push
3h ago
26 Oct 28 Oct 30 Oct (detected)
+4,008★ over these 4 days(71,454 → 75,462)
Detector: ⚡ 24-hour jump
Gain in 24h: +748★
24h growth: +1.0%
Detected from the change against the same hour the previous day
The repository's history
10 Mar 2026 Repository created
30 Oct Surge detected
3h ago Last push
GitHub topics: #ai#animation#ffmpeg#framework#gsap#html#mcp#puppeteer#rendering#typescript#ai-agents#claude-code#html-to-video#motion-graphics#video-editor

③ Why did it surge?

きっかけは未確認、5日間で約4000★追加増加

公開から約8か月経った2026年10月に、5日間で+4008★、直近24時間で+748★の急増が発生している。READMEに新たに対応したClaudeプラグイン、Cursor・Copilot対応、および AI エージェント向けスキルの統合が記載されているが、外部の言及や発表時期を示す情報は取得されていないため、加速のきっかけは分かっていない。タイミングから推測すると、エージェント生態系内での認知拡大や新機能発表に連動した可能性が考えられる。

Evidence: 5日間で+4008★(10/24→10/29)直近24時間で+748★READMEに Claude プラグイン・スキル対応を明記
🕰️ Earlier mentions (4) — from before this surge

④ Three spin-off ideas for a side-project developer (AI suggestions, tap to open)

👤 Who it suits
  • AI エージェント向けのツール・スキルを開発・販売したい個人開発者
  • 短尺動画・アニメーション制作の自動化で業務効率を高めたい企業内エンジニア
  • プロダクト紹介動画やデータ可視化動画を毎月多量に作るスタートアップ
Idea 1

マーケティング担当者(スタートアップ)

The problem

毎週新機能を追加するたび、デモ動画を手作業で編集する工程で週5時間を消費している

The approach

HTML で動画テンプレートを定義し、Claude Code に `/hyperframes` スキルを組み込んで、新機能の説明文から自動的にデモ動画を生成。商品説明、画面遷移、字幕、BGM を一括で処理させる

💰 How it could earn

この自動化フロー自体を SaaS 化し、スタートアップ向けに月額 3,000〜5,000円で「AI が毎週のデモ動画を自動生成するサービス」として提供。初期導入サポート・テンプレートカスタマイズを別途受託で 5〜10万円/案件

Idea 2

YouTube 動画制作者(個人クリエイター)

The problem

テンプレート化したデータ比較動画やトレンドグラフを毎日作っているが、After Effects でのレンダリングに 30分以上かかる

The approach

HTML/CSS ベースの動画テンプレート集を用意し、Claude Code に指示して JSON データを読み込んでアニメーション動画を自動生成。FFmpeg と Puppeteer で高速にレンダリング

💰 How it could earn

YouTube メンバーシップで月額 500円の「自動動画生成テンプレート集」を販売。購読者向けに毎月新しい動画パターンを 5〜10個追加。月 50〜100 人程度の購読で月売上 3〜5万円

Idea 3

広告代理店・制作会社の営業

The problem

クライアントの商品紹介動画制作の見積もり・納期が長く、小〜中規模クライアントからの依頼を取りこぼしている

The approach

HTML テンプレート + Claude Code の組み合わせで、クライアントのブリーフから 2〜3時間で動画初稿を自動生成。修正指示を Claude に与えれば反復的に改善。納期を 2〜3日に短縮

💰 How it could earn

Web 広告動画制作を 1本あたり 5〜10万円の定額パッケージ化。従来の 1〜2週間から 3日納期で提供し、既存の手作業案件より利幅を確保。月 3〜5件受託で月売上 15〜50万円

⑤ Related repositories

Same language: TypeScript · Shared topics: aianimationffmpegframeworkgsap
morluto/rea ★407,769

AIを使ってアプリの動作やプログラムを分析して仕組みを解き明かす

TypeScript ai-agentsbinary-analysiscli ⚡ Explained here GitHub ↗

効率的なソフトウェア開発を可能にするAIエージェントのスキル構築フレームワーク

Shell aibrainstormingcoding ⚡ Explained here GitHub ↗
affaan-m/ECC ★292,696

Claude CodeなどのAI開発ツールの性能を向上させるエージェント最適化システム

JavaScript ai-agentsanthropicclaude ⚡ Explained here GitHub ↗

Claude CodeなどのAI開発ツールをより賢く効率的に動かすための最適化システムです

JavaScript ai-agentsanthropicclaude ⚡ Explained here GitHub ↗

🔗 Related hubs and surges from the same day

🔔 Get the next one

Get surging AI repositories summarised in Japanese, with spin-off ideas without opening the site (once each morning). No email address required.

What is RSS: New items arrive automatically wherever you already read (a reader such as Feedly, Slack, n8n). Copy the URL above and paste it in — no sign-up, no cost.

Detected at 30 Oct 2026, 09:05:51 · observation window 2026-10-29-0 (UTC) · summarised 3h ago