Communitygithub.com

surajshetty3416/demo-video-skill

Claude Codeスキル:Playwright + Pillow + ffmpegを使用して、あらゆるWebアプリの洗練された60fps ScreenStudioスタイルのデモ動画を作成します(スクリーンレコーダー不要)。

demo-video-skill とは?

このスキルは、Claude Code用に設計されたもので、Webアプリケーションの高品質なデモ動画を自動生成します。ScreenStudioスタイルのUI(カーソルの強調表示、キー入力表示、スムーズな画面遷移など)を再現し、60fpsで滑らかな動画を出力します。Playwrightを使ってWebページのスクリーンショットを連続で取得し、Pillowで画像を処理してアニメーション効果を追加し、ffmpegで最終的な動画ファイルにエンコードします。外部の画面録画ツールを必要とせず、CI/CDパイプラインに簡単に統合できます。このスキールは、製品のチュートリアル、機能デモ、バグ報告などの用途に適しています。

対応✓Claude Code~Codex CLI~Cursor
npx skills add surajshetty3416/demo-video-skill

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

demo-video-skill は何をしますか?

Claude Codeスキル:Playwright + Pillow + ffmpegを使用して、あらゆるWebアプリの洗練された60fps ScreenStudioスタイルのデモ動画を作成します(スクリーンレコーダー不要)。

関連スキル