Claude Code に、記事は書かせている。

動画も作れるらしい、とは聞いている。

でも、自分には無理だと思って手を出していない。

ぼくもそうでした。この16本は、そこから抜けるために作ったものです。

▼ この動画は、台本を渡して書き出しただけのものです

魔法ではありません。台本に出てくる数字を、決まった置き場所に入れ替えただけです。
中身は、ぼくが毎日のショート動画で実際に回しているブロックそのものです。

なぜ「数字の見せ方」で詰まるのか

AIに動画を作らせる話は、この半年でかなり進みました。
台本を書かせる、喋らせる、テロップを付ける。ここまでは道具が揃っています。

詰まるのは、数字を出すところです。

「90クレジット」と喋っても、画面が喋っている人の顔だけだと、頭に入りません。
グラフを出したい。でも、そこだけ手が止まる。

HyperFrames の公式カタログには、グラフも地図もフローチャートもあります。
無料で、Apache 2.0 のライセンスで公開されています。ぼくも最初はここから持ってきました。

ただし、日本語の縦動画に入れると、ほぼ全部が崩れます。

文字が 13〜18px 指定で、リールに入れると読めない
フォント指定を書き足すと、検品コマンドがエラーで落ちる
効果音を鳴らそうとすると、書き出しても無音になる
外部サイトからフォントを読んでいて、ネットが無いと書き出せない
英語の短い単語前提のレイアウトで、日本語を入れると画面から溢れる
単体では完璧に見えるのに、リールに組んだ瞬間に装飾が全部外れる

最後のひとつが、いちばん厄介でした。

検品コマンドも、プレビューも、1本ずつの書き出しも、全部通ります。
リールに組んで書き出して、初めて壊れているのが分かります。
原因はCSSの書き方が1箇所だけ違うことで、知らなければ何時間でも溶かします。

これを全部踏んだ結果、直すより、日本語の縦動画用に作り直したほうが早いという結論になりました。

同梱の16本のうち、カタログから持ってきたものは1本だけです。
残りの15本は、縦画角と日本語を前提に最初から書き起こしました。
上に並べた躓きは、そう決めるまでに全部踏んだものです。

踏んだ結果と、その結果できたブロックの両方をお渡しします。

他のスキルとの関係

このスキルは、動画の「中身の一部」を作るものです。
喋り・テロップ・音声合成は含みません。そこは他の道具を使ってください。

すでに動画を作っている人が、数字のカットだけを足すための部品です。

手に入るもの

ブロック16本（すべて 1080×1920 固定・同じ配色で統一）

白地に黒文字、差し色は一色だけ。装飾を足さず、数字だけが立つようにしてあります。
16本すべてが同じ規則なので、混ぜて並べても1本の動画に見えます。

数字を語る4本

タイトル｜見出しと大きな数字を1枚で出す（8秒）
カウントアップ｜数字が0から伸び、着地の瞬間に数字の残像が拡大しながら弾けて画面が一度揺れる（5秒）
路線｜2地点の行き来を地図の上でなぞる。所要時間・距離・料金は地図に重ねて出る（12秒）
日本地図｜都道府県の塗り分けを見せてから、上位5件の順位に切り替わる（12秒）

図解の型12本（各8秒）

フローチャート／ステップ／タイムライン／サイクル
棒グラフ／横バー／折れ線／構成比
対比／ビフォーアフター／ピラミッド／マトリクス

言いたいことの形が決まれば、当てはめる型も決まります。
「どれを使うか」の対応表を同梱しています。

見本のリール（index.html） — 16本を並べただけの完成形（133秒）。展開してすぐ書き出せます
手順書（SKILL.md） — Claude Code / Codex がこれを読んで作業します
検査スクリプト2本 — 画角・文字サイズ・ブランド語・外部依存を機械で点検します
日本語フォント3ウェイト（同梱・インストール不要）

図解の型は、太さの差で階層を作っています。1ウェイトだけだと見出しと本文が同じ太さになって
階層が潰れるので、Regular / Bold / ExtraBold の3本を入れてあります。

出どころの一覧（NOTICE-ja.md） — どのファイルが自作で、どれがカタログ由来か、何を改変したかを1件ずつ書いてあります。ライセンスの正文も同梱しています

検品の話（ここに一番時間をかけました）

このスキルには、14項目の検査スクリプトが入っています。
すべて「実際に踏んだ地雷」だけを項目にしています。推測で増やしていません。

画角が 1080×1920 か — 混ざると差し込んだ時に右にずれて切れる
SVG座標が枠の外を指していないか — 横向きから縦向きに直したとき、基準線だけ古い座標が残り、棒グラフを横線が突き抜けた
外部サイトへの参照が無いか — ネットが無いと書き出せなくなる
参照先のファイルが実在するか — 無いと失敗せずに「動きの無い動画」ができる
フォント宣言の整合 — 書き足し方を間違えると検品が落ちる
未記入のプレースホルダ — そのまま出すと未完成に見える
作者個人の名前の焼き込み — 買った人の動画に他人の名前が出る
ほか7項目

梱包する側にも機械の関門を置いています。個人環境のパス・APIキー・ライセンス文の欠落が
1件でも見つかると、配布用のファイルが作られません。そのうえで、できたファイルを
まっさらな場所に展開し直して、そこだけで検査が通るかを毎回確かめてから出しています。

公式の検品コマンド（npm run check）にも通しています。
同梱の見本は、エラー0・警告0で通った状態でお渡しします。

検査を通すだけでなく、実際の台本で通し試験もしています。
発売前に、中身の違う台本を10本用意して、10本 × 16ブロック = 160ブロックを
実際に差し替え→検査→通しレンダーまで回しました。7桁の金額、3行の見出しといった
「盛った台本」も混ぜています。

この通し試験で、単発の検査では出なかった不具合が5件見つかりました。
タイトルの3行目が消える、順位の6件目がテロップの帯に食い込む、といった類のものです。
5件すべて直したうえで、10本全部をもう一度回し、全部エラー0・警告0になったのを確認してから出しています。
書き出した160ブロックの全フレームは、上下の余白が規定どおりかを機械で照合済みです。

動かすのに必要なもの

Claude Code または Codex（このスキルはそこで動きます）
Node.js が入っていること
動作を保証するのは macOS だけです（Windowsは未検証。下の注記を読んでください）

まだ Claude Code / Codex を入れていない方も大丈夫です。入れる手順から、コピペで進める形で書いてあります。

フォントは同梱しているので、インストールは不要です。
OSに入っているフォントを当てにせず、同梱したファイルを読む作りにしてあります。
そのため、OSごとにフォントが違っても字面が変わりません（OS内蔵フォントを参照できない状態を
作って書き出し、通常の書き出しとフレームが1ピクセル単位で一致することを確認しています）。

動作を保証するのは macOS だけです。 Windows機を持っていないため、実機での確認が取れません。
ここは正直に書いておきます。
そのうえで、Windowsで壊れる典型的な原因は先に潰してあります。
ファイルの読み書きはすべて文字コードを明示、画面出力もUTF-8に固定、
npx はWindowsのバッチ実体を解決してから呼ぶ、ffprobe が無い環境では確認を飛ばす、という作りです。
Windowsの文字コード（cp932）を再現した状態で、セットアップ→検査2本→書き出しまで実際に通してあります
（2026-08-03・mac上で環境変数を切り替えて実施）。それでも実機ではないので、保証はmacOSに留めます。

実際に使っているという話

ぼくは毎日、AI動画のショートを出しています。
このブロックは、そこで使うために作りました。「作ってみました」ではありません。

作りながら見つけた不具合を、そのつど直して手順書に書き足しています。
「してはいけないこと」の節が11項目あるのは、11回転んだからです。

向いていない人

動画をまだ1本も作ったことがない方 — これは動画の部品です。土台の作り方は入っていません
編集ソフトで作りたい方 — 中身はコードです。Premiere や CapCut では開けません
すぐに完成品が欲しい方 — 数字を入れ替える作業は残ります。丸ごと自動にはなりません
テロップや音声合成を探している方 — 含まれていません

価格 — 発売日だけ480円です

発売日（8月10日のみ） — 480円
8月11日〜8月16日 — 980円
8月17日から — 1,480円

発売日の8月10日だけ、480円にしています。8月11日からは980円で、これは8月16日までの値段です。8月17日からは1,480円にします。

値上げすると書いたら必ず実施する。それがこのプラットフォームのルールなので、
この日付の通りにやります。

ブロック16本と検査スクリプト、それに躓きどころの手順書が入って、この値段にしています。
公式カタログから持ってきて、日本語の縦動画で使えるところまで持っていこうとして、
結局は作り直すことになりました。その過程を渡すつもりの価格です。

発売前の10日間、何をどう作っているかはニュースレターで毎日公開してきました。
もともと480円は事前登録の方だけの予定でしたが、発売日に限って全員に開放しました。
次に何か出すときも発売の様子はニュースレターから流すので、早く知りたい方は登録しておいてください。

👉 ぞうのニュースレター（Substack）に登録する

よくある質問

Q. プログラミングの知識は必要ですか
A. 数字を書き換えるだけなら不要です。書き換える場所は手順書に書いてあり、AIに頼めます。

Q. Windows でも使えますか
A. 動作を保証するのは macOS だけです。 Windows機がないため実機確認が取れていません。
Windowsで壊れる典型的な原因（文字コード・npxの呼び方・ffprobeの不在）は先に潰してあり、
Windowsの文字コードを再現した状態では書き出しまで通っています。ただし実機ではないので保証はしません。
なお、フォントを同梱しているので、動く環境であれば書き出した動画の字面はOSで変わりません。

Q. 商用利用はできますか
A. できます。書き出した動画をクライアントワークで使うことに制限はありません。
自作の15本については、ファイルそのものの再配布・転売はご遠慮ください。

Q. 同梱されている素材の権利はどうなっていますか
A. 3つに分かれます。

フォント（LINE Seed JP 3ウェイト）… SIL OFL 1.1。ライセンス正文を同梱しています
カタログ由来のブロック1本（apple-money-count）… Apache 2.0。正文の写しを LICENSE として同梱し、改変した箇所を NOTICE-ja.md に書いています。この1本は Apache 2.0 の条件が優先するので、上の「再配布はご遠慮ください」の対象外です
地図データ … Natural Earth（パブリックドメイン）。商用利用・改変ともに制限はありません

音源は同梱していません（画像も同様です）。バイナリの素材はフォント3本だけです。

どのファイルがどれに当たるかは、同梱の NOTICE-ja.md に1件ずつ書いてあります。

Q. 返金はできますか
A. デジタル商品のため、返金には対応していません。上の「向いていない人」をお読みください。

紹介について

このページには紹介機能を付けています。購入された方は、紹介リンクから他の方に紹介できます。
成果が発生した場合の還元率は50%です。

免責事項

本コンテンツは特定の成果や収益を保証するものではありません
掲載している内容は 2026年7月時点のものです。HyperFrames および各ライブラリの仕様変更により、記載どおりに動作しなくなる可能性があります
同梱物の利用にあたっては、各ライセンスの条件に従ってください