Communitygithub.com

製品デモビデオ

ソフトウェアプロジェクトから、プログラムで美しい製品デモビデオを作成します。バンドルされたRemotionテンプレート、ストーリーボード生成、TTSナレーションを使用します。Codexがアプリ、ライブラリ、CLI、APIをスクリーンレコーディングなしでデモビデオに変換する必要がある場合、またはストーリーボードのシーン、ナレーション、レンダリングを反復する場合に使用します。

製品デモビデオ とは?

このスキルは、ソフトウェアプロジェクトからプログラムでプロフェッショナルな製品デモビデオを作成するためのものです。バンドルされたRemotionテンプレートを使用し、ストーリーボードの生成、TTS(テキスト読み上げ)によるナレーション、そして`npx remotion render`によるレンダリングを自動化します。ユーザーはアプリ、ライブラリ、CLI、APIを、手動のスクリーンレコーディングなしにデモビデオに変換できます。ワークフローは、プロジェクトのスキャン、機能のヒアリング、ストーリーボードの作成、承認、ナレーションの生成、そして最終的なビデオレンダリングを含みます。ストーリーボードは`intro`で始まり`outro`で終わり、各シーンは8~12秒、少なくとも1つのアニメーションシーンを含む必要があります。TTSはmacOS say、OpenAI TTS、ElevenLabsをサポートし、Codex(エージェント)がこのプロセス全体を明示的に駆動します。

対応✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/majiayu000/claude-skill-registry/tree/HEAD/skills/generation/product-demo-video

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

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

ドキュメント

製品デモビデオ は何をしますか?

これはClaudeプラグインのCodex-skill版です。スラッシュコマンドはないため、Codexがワークフローを明示的に駆動し、assets/remotion-template/にあるバンドルされたRemotionテンプレートを使用する必要があります。

テンプレートのセットアップ

  • 対象のワークスペースにまだRemotionプロジェクトがない場合は、assets/remotion-template/を作業ディレクトリ(例: demo-video/)にコピーします。
  • その作業ディレクトリでnpm installを実行します。
  • テンプレートには、シーンコンポーネント、エントリポイント、ナレーションスクリプト、およびスターターのsrc/storyboard.tsが含まれています。

ワークフロー

  1. 対象プロジェクトのREADME、ドキュメント、マニフェスト、ソースツリー、および既存のスクリーンショットをスキャンします。
  2. どの機能をハイライトするか、希望する長さ、トーン、ブランドカラー、特定のスクリーンショットを使用するかどうかを尋ねます。
  3. references/scene-catalog.mdを使用してストーリーボードを作成します。
  4. ユーザーが明示的にチェックポイントをスキップするように要求しない限り、承認のためにストーリーボードを表示します。
  5. src/storyboard.tsを作成または更新します。
  6. 小さなヘルパースクリプトからscripts/generate-narration.shをシーンごとに1回呼び出して、ナレーションMP3をpublic/narration/に生成します。
  7. ffprobeが利用可能な場合、各MP3を測定し、durationInSecondsをオーディオ長に約0.8秒を加えた値に設定します。
  8. npx remotion studioでプレビューし、npx remotion render DemoVideo output/demo.mp4でレンダリングします。

ストーリーボードのルール

  • 常にintroで始まり、outroで終わります。
  • ほとんどのシーンは8〜12秒程度に保ちます。
  • workflow、comparison、または動的なfeatureなど、少なくとも1つのはっきりとしたアニメーションシーンを含めます。
  • 対象プロジェクトの実際のコードと具体的な製品詳細を使用します。
  • ナレーションは話し言葉で、1分あたり約120〜150ワードに保ちます。

注意事項

  • バンドルされたTT Sスクリプトは、macOS say、OpenAI TTS、ElevenLabsをサポートしています。
  • ユーザーがすでにRemotionプロジェクトを持っている場合は、テンプレート全体ではなく、必要なコンポーネント、src/storyboard.ts、またはナレーションスクリプトのみをコピーします。

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

majiayu000/claude-skill-registry

Builds, edit or validate Agent Skill through conversational discovery. Use when the user requests to "Create an Agent", "Optimize an Agent" or "Edit an Agent".

majiayu000/claude-skill-registry

Edit existing BMAD agents while maintaining compliance

majiayu000/claude-skill-registry

Edit existing BMAD agents while maintaining compliance

majiayu000/claude-skill-registry

Edit existing BMAD modules while maintaining coherence

majiayu000/claude-skill-registry

Edit existing BMAD modules while maintaining coherence

majiayu000/claude-skill-registry

Analyzes current state and user query to answer BMad questions or recommend the next workflow or agent. Use when user says what should I do next, what do I do now, or asks a question about BMad

majiayu000/claude-skill-registry

Build AI agents with Google ADK Python (Agent Development Kit). Use for multi-agent systems, workflow agents (sequential/parallel/loop), Vertex AI deployment, tool integration, human-in-the-loop.

majiayu000/claude-skill-registry

Build AI agents with Google ADK Python (Agent Development Kit). Use for multi-agent systems, workflow agents (sequential/parallel/loop), Vertex AI deployment, tool integration, human-in-the-loop.

majiayu000/claude-skill-registry

Portfolio allocation and rebalancing optimizer. Manages asset allocation across stocks/cash/bonds, performs periodic rebalancing, and ensures diversification according to market regime and risk tolerance.

majiayu000/claude-skill-registry

Create a hilarious and ultra-realistic video of an anthropomorphic animal acting like a human vlogger in a real-world setting.

majiayu000/claude-skill-registry

Speech-to-text transcription and translation via OpenAI Audio API -- models, response formats, timestamps, prompting, streaming, chunking, and diarization

majiayu000/claude-skill-registry

BlockRun works with Claude Code and Google Antigravity.

majiayu000/claude-skill-registry

This skill should be used when the user asks about libraries, frameworks, API references, or needs code examples. Activates for setup questions, code generation involving libraries, or mentions of specific frameworks like React, Vue, Next.js, Prisma, Supabase, etc.

majiayu000/claude-skill-registry

小省导购员数字人带货版即梦视频提示词生成系统,基于四大智能体协同(提示词生成师、质量管控师、知识库运维师、跨环节适配师),按照"主体+运动+场景+(镜头语言+光影+氛围)"公式输出中英文双版提示词,适配5s短视频。确保人物一致性、视觉连贯性、情绪连贯性,支持知识库智能复用和跨工具适配(Suno音乐、AI绘画),为数字人带货视频提供高质量提示词生成服务。

majiayu000/claude-skill-registry

Upload and manage files using Google Gemini File API via scripts/. Use for uploading images, audio, video, PDFs, and other files for use with Gemini models. Supports file upload, status checking, and file management. Triggers on "upload file", "file API", "upload image", "upload PDF", "upload video", "file management".

majiayu000/claude-skill-registry

CRITICAL: Use for MolyKit AI chat toolkit. Triggers on: BotClient, OpenAI, SSE streaming, AI chat, molykit, PlatformSend, spawn(), ThreadToken, cross-platform async, Chat widget, Messages, PromptInput, Avatar, LLM

majiayu000/claude-skill-registry

AI and machine learning workflow covering LLM application development, RAG implementation, agent architecture, ML pipelines, and AI-powered features.

majiayu000/claude-skill-registry

Analyze images/audio/video with Gemini API (better vision than Claude). Generate images (Imagen 4), videos (Veo 3). Use for vision analysis, transcription, OCR, design extraction, multimodal AI.

majiayu000/claude-skill-registry

Analyze images/audio/video with Gemini API (better vision than Claude). Generate images (Imagen 4), videos (Veo 3). Use for vision analysis, transcription, OCR, design extraction, multimodal AI.

majiayu000/claude-skill-registry

Skill for discovering and researching autonomous AI agents, tools, and ecosystems using the AgentFolio directory.

関連スキル