Communitygithub.com

ashrafchowdury/programatic-demo

コードから生成される製品デモ動画。Playwrightが実際のフローを記録し、RemotionがScreen Studioスタイルのカメラワーク(クリック時のズーム、イージング、モーションブラー、ベクターカーソル)を追加します。

programatic-demo とは?

このスキルは、製品デモ動画をコードベースで自動生成するためのツールです。開発者は実際のユーザーフローをPlaywrightで記録し、その記録をRemotionで処理することで、Screen Studioのようなプロフェッショナルなカメラ効果を追加できます。具体的には、クリック操作に合わせたズームイン、スムーズなイージング、モーションブラー、そしてベクター形式のカーソル表示など、高品質なデモ動画制作に必要な機能を提供します。このスキルは主にAIエージェントやCI/CDパイプラインでの利用を想定しており、手動での動画編集作業を排除し、コードの変更に応じて常に最新のデモを生成できる点が大きな利点です。Playwrightの記録機能とRemotionの合成処理を連携させることで、一貫性のある高品質なデモ動画を効率的に作成できます。

対応~Claude Code~Codex CLI✓Cursor
npx skills add ashrafchowdury/programatic-demo

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

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

ドキュメント

programatic-demo は何をしますか?

コードから生成される製品デモ動画。Playwrightが実際のフローを記録し、RemotionがScreen Studioスタイルのカメラワーク(クリック時のズーム、イージング、モーションブラー、ベクターカーソル)を追加します。

関連スキル