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

jh941213/web-demo-skills

Codexエージェントスキル:Webアプリを検査し、PlaywrightとFFmpegを使って再現可能な60fpsのキャプション付き製品デモ動画を自動構築します。

web-demo-skills とは?

このスキルは、CodexエージェントがWebアプリケーションを自動で検査し、その動作を60fpsの高フレームレートでキャプチャした、キャプション付きの製品デモ動画を生成するためのものです。Playwrightを使用してブラウザ操作を自動化し、FFmpegで動画をエンコード・結合することで、再現可能なデモ動画を作成します。開発者は、製品の紹介動画や機能デモを短時間で効率的に作成でき、手動での録画や編集作業を大幅に削減できます。このスキルは、Webアプリのビジュアルプレゼンテーションを自動化したい開発者やQAチームに特に有用で、CI/CDパイプラインへの統合も可能です。

対応~Claude Code✓Codex CLI~Cursor
npx skills add jh941213/web-demo-skills

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

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

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

ドキュメント

web-demo-skills は何をしますか?

Codexエージェントスキル:Webアプリを検査し、Playwright + FFmpegを使って再現可能な60fpsのキャプション付き製品デモ動画を自動構築します。

ソース:https://github.com/jh941213/web-demo-skills

Awesome Skills Launch Videoタスク発見用にタグ付け(2026-09-20夜)。

関連スキル