HyperFramesの環境インストールとプロジェクトの初期化を済ませてください。

手順：
1. Node.jsのバージョンを確認し、22未満なら最新LTSにアップグレード
2. FFmpegをインストール
3. HyperFrames Skillをインストール：npx skills add heygen-com/hyperframes
   スペースキーでインストールするスキルパックを選択、Enterで確定、インストール範囲はProjectを選択
4. プロジェクトを作成：npx hyperframes init my-video --example blank
5. cd my-video、プレビューを起動：npx hyperframes preview

各ステップでエラーが出たら自分で調査して対処してください。私に聞く必要はありません。
すべて完了したら、各ステップの実行結果、プレビューURL、そして私が次に何をすべきかを教えてください。

1. wechat-article-parserというskillがインストール済みか確認し、なければ clawhub install wechat-article-parser でインストール
2. インストールが完了したら、この記事を解析：[あなたのWeChat公式アカウント記事のリンクを貼り付け]
3. タイトルと核心となる観点を抽出し、HyperFramesで30秒の縦型動画（3:4）を1本作成

動画の要件：
- ダーク背景（#1A1A2E）、白色の文字
- 文字は下からスライドイン、各テキストは3秒間表示、GSAPアニメーション
- 下部のプログレスバーは時間とともに進行
- 最後にWeChat公式アカウント名を表示

index.htmlを出力し、完了後にレンダリングコマンドをそのまま実行：
npx hyperframes render --output final.mp4

Remotionの環境インストールとプロジェクトの初期化を済ませてください。

手順：
1. Bunをインストール
   Windows PowerShell 管理者モード：powershell -c "irm bun.sh/install.ps1 | iex"
   macOS / Linux：curl -fsSL https://bun.sh/install | bash
2. プロジェクトを作成：bun create video、テンプレートはBlankまたはHello Worldを選択
3. bun install
4. bun run dev

エラーが出たら自分で対処し、完了したらブラウザで開くアドレスを教えてください。

Remotionで記事の宣伝動画を1本作ってください。

まずこのWeChat公式アカウントのリンクの内容を取得：[リンクを入力]
タイトルと核心となる観点を抽出し、まずタイムライン計画を出力してください。私が確認してからコンポーネントのコードを書いてください。

仕様：30秒、30fps、1080x1920縦型
アニメーション：冒頭のタイトルは中心から拡大、観点は順に右からスライドイン、重要な数字は拡大してハイライト、結びにブランド署名がフェードイン
配色：ダークブルー背景（#1A1A2E）、白色の文字
レンダリングコマンドは bun run render を使用

現在のプロジェクトディレクトリでGitを初期化し、全工程でバージョンを管理してください。

1. 初期化：git init && git add . && git commit -m "init: プロジェクトの初期構造"
2. 以後、私が「この版はOK、保存して」と言うたびに、自動で git add . && git commit
3. 私が「壊れたので前のバージョンに戻して」と言ったら、まず git log --oneline で履歴を見せてください。私が指定した後に git reset --hard でロールバックします