Communityコーディング&開発github.com

VirtualPirate/create-product-demo-video-skill

Claude Codeスキル:実際のUI操作をPlaywright + ffmpegでmp4/GIFに録画し、プロダクトデモ動画を作成します。

create-product-demo-video-skill とは?

このスキルは、実際のWebアプリケーション上でのユーザーフローをリアルタイムで録画し、製品デモ動画(mp4またはGIF)を生成するためのClaude Codeスキルです。Playwrightを使って実際のUI操作を自動化し、ffmpegで動画エンコードを行います。開発者は手動で画面収録を行うことなく、コードベースの手順だけでプロフェッショナルなデモ動画を作成できるようになります。GitHub上のソースコードから入手でき、Awesome Skills Launch Videoタスク発見用にタグ付けされています(2026-09-20夜時点)。主にClaude Code環境で動作し、テストやデモ作成の効率を大幅に向上させます。

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

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

ドキュメント

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

Claude Codeスキル:実際のWebアプリケーション上でのユーザーフローを録画し、製品デモ動画を作成します — 実際のUIをトランスクライブ(書き起こし)し、Playwright + ffmpegでmp4/GIFに録画します。

ソース: https://github.com/VirtualPirate/create-product-demo-video-skill

Awesome Skills Launch Videoタスク発見用にタグ付けされています(2026-09-20夜)。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

関連スキル