仕組みを理解する動画を、Claude Codeに作らせると便利すぎる
Hiroba による自動要約
アプリの操作と裏側の処理を交互に見せる解説動画を、Claude Code と自作 Skills「animated-arch-diagram」で生成する手法の紹介。指示テンプレート、Playwright で1コマずつ撮影し ffmpeg で動画化する仕組み、実データ連動の字幕設計を解説。顧客向けにアーキテクチャ説明資料を作る開発者向け。
読んで良かったら、シェアしてみてください。
同じタグの記事が他に 5468 件あります。
関連する記事
同じタグの記事
Matt Pocock Skills と Impeccable の使い分け一覧：要件整理から実装・デザイン改善まで
ZennMatt Pocock が作成した Skills スキル群と Impeccable デザインスキルの合計 30 以上のスキルを、初期設定・要件整理・調査試作・仕様化・実装・バグ調査・UI改善・アーキテクチャ設計・レビュー・振り返り・引き継ぎの 11 フェーズ別に整理。各スキルの用途、内容、アウトプットを表でまとめており、プロジェクトの段階に応じた使い分けと流れが具体的に把握できる。
Claude Code のブラウザ操作を使った Web システムの単体テスト自動化
Zennフリーランス SE が Claude Code の Skill 機能を使い、仕様書・画面・DB の 3 つを判断材料として、ソースコード参照やスクリプト作成を禁止した人間に近いテストアプローチを実験。同値分割・境界値分析・状態遷移などの単体テスト技法を適用しながら探索的にテストを実施し、エビデンスを自動保存する仕組みを検証した。
資料から理解度クイズを自動生成する Agent Skill「rikai」—読んだと理解したのギャップを測定
Zennmeiseki プラグインに追加された Agent Skill「rikai」は、日本語資料から選択式クイズを自動生成し、3回挑戦法で理解度を段階的に測定します。誤答した問題は異なる角度から再出題され、解説は絵解きノート (HTML) とテキストブック (PDF) として蓄積され、書き手向けのレポートで誤読が集中した段落を改善に繋げる仕組み。Claude Code で動作確認済み、特定ホストに依存しない設計。
Claude Code ルーチンセッションクリーンアップスキル
HNClaude Code のスケジュール実行（ルーチン）が生成する古いセッションを一括削除する Skill。最新 N 個を保持し、ユーザーが返信したセッションは保護しながら、デスクトップアプリ自体のツールを通じて 25 個ずつ削除する仕組み。ルーチンの実行回数が多い場合、数百のセッションがたまって容量を圧迫する問題を解決する。