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

pedroantunes-84/skill-product-demo-video

Claude Code スキル:Playwright でフローを実行し、Remotion でカメラ・カーソル・タイポグラフィを合成して、MP4/GIF のプロダクトデモを自動生成します。

skill-product-demo-video とは?

このスキルは、Claude Code エージェントが Playwright と Remotion を連携させ、Web アプリケーションのプロダクトデモ動画(MP4 または GIF)を自動生成できるようにします。ユーザーは自然言語でデモのシナリオを指示するだけで、Playwright がブラウザ操作をキャプチャし、Remotion がカーソルの動きやタイポグラフィなどの視覚要素を合成して、プロフェッショナルなデモ動画を出力します。主に Claude Code 上で動作し、開発者がマニュアルでデモ動画を作成する手間を省き、一貫した品質と素早い生成を実現します。SKILL.md には、スキルのセットアップ手順、Playwright と Remotion の設定、レンダリングコマンドの例が含まれており、エージェントはこれを参照してタスクを実行します。

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

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

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

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

ドキュメント

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

Claude Code スキル:Playwright でフローを実行し、Remotion でカメラ・カーソル・タイポグラフィを合成して、MP4/GIF のプロダクトデモを自動生成します。

ソース: https://github.com/pedroantunes-84/skill-product-demo-video

Awesome Skills Launch Video タスク発見用にタグ付け(2026年9月20日夜)。

Individual skills in this repo

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

関連スキル