Communitygithub.com

Vídeo de Demonstração de Produto

Crie vídeos de demonstração de produtos polidos e programáticos a partir de projetos de software usando um modelo Remotion empacotado, geração de storyboard e narração TTS. Use quando o Codex precisar transformar um aplicativo, biblioteca, CLI ou API em um vídeo de demonstração sem gravação de tela, ou ao iterar em cenas de storyboard, narração ou renderizações.

O que é Vídeo de Demonstração de Produto?

Esta skill permite que o Codex gere vídeos de demonstração de produtos de alta qualidade automaticamente, sem necessidade de gravação de tela ou edição manual. Ela analisa o projeto alvo (README, documentação, estrutura de diretórios, capturas de tela existentes) e usa um template Remotion pré-configurado para criar um storyboard, gerar narração via TTS (suportando macOS `say`, OpenAI TTS e ElevenLabs) e renderizar o vídeo final em MP4. A skill é ideal para desenvolvedores que desejam criar rapidamente vídeos de demonstração para aplicativos, bibliotecas, CLIs ou APIs sem sair do ambiente de desenvolvimento. Ela suporta iteração em cenas de storyboard e narração, permitindo ajustar o comprimento, tom e estilo do vídeo conforme necessário. O fluxo de trabalho é totalmente orientado pelo Codex, com validação do storyboard opcional antes da renderização.

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

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que Vídeo de Demonstração de Produto faz?

Esta é a porta da skill do Codex para o plugin Claude. Não há comando de barra, então o Codex deve conduzir o fluxo de trabalho explicitamente e usar o modelo Remotion empacotado em assets/remotion-template/.

Configuração do Modelo

  • Se o espaço de trabalho alvo ainda não contém um projeto Remotion, copie assets/remotion-template/ para um diretório de trabalho como demo-video/.
  • Execute npm install nesse diretório de trabalho.
  • O modelo inclui componentes de cena, pontos de entrada, um script de narração e um src/storyboard.ts inicial.

Fluxo de Trabalho

  1. Digitalize o README do projeto alvo, documentações, manifestos, árvore de código fonte e quaisquer capturas de tela existentes.
  2. Pergunte quais funcionalidades destacar, duração preferida, tom, cor da marca e se capturas de tela específicas devem ser usadas.
  3. Elabore um storyboard usando references/scene-catalog.md.
  4. Mostre o storyboard para aprovação, a menos que o usuário peça explicitamente para pular esse checkpoint.
  5. Escreva ou atualize src/storyboard.ts.
  6. Gere MP3s de narração em public/narration/ chamando scripts/generate-narration.sh uma vez por cena a partir de um pequeno script auxiliar.
  7. Se ffprobe estiver disponível, meça cada MP3 e defina durationInSeconds como o comprimento do áudio mais aproximadamente 0,8 segundos.
  8. Visualize com npx remotion studio e renderize com npx remotion render DemoVideo output/demo.mp4.

Regras do Storyboard

  • Sempre comece com intro e termine com outro.
  • Mantenha a maioria das cenas entre 8 e 12 segundos.
  • Inclua pelo menos uma cena claramente animada como workflow, comparison ou uma feature dinâmica.
  • Use código real e detalhes concretos do produto do projeto alvo.
  • Mantenha a narração em linguagem falada, cerca de 120 a 150 palavras por minuto.

Notas

  • O script TTS empacotado suporta macOS say, OpenAI TTS e ElevenLabs.
  • Se o usuário já possui um projeto Remotion, copie apenas os componentes necessários, src/storyboard.ts ou o script de narração, em vez do modelo inteiro.

Individual skills in this repo

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

majiayu000/claude-skill-registry-data

Edit existing BMAD agents while maintaining compliance

majiayu000/claude-skill-registry-data

Edit existing BMAD agents while maintaining compliance

majiayu000/claude-skill-registry-data

Edit existing BMAD modules while maintaining coherence

majiayu000/claude-skill-registry-data

Edit existing BMAD modules while maintaining coherence

majiayu000/claude-skill-registry-data

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-data

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-data

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-data

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-data

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-data

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

majiayu000/claude-skill-registry-data

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-data

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

majiayu000/claude-skill-registry-data

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-data

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-data

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-data

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

majiayu000/claude-skill-registry-data

Conduct domain and industry research. Use when the user says "lets create a research report on [domain or industry]

majiayu000/claude-skill-registry-data

Conduct market research on competition and customers. Use when the user says "create a market research report about [business idea]".

majiayu000/claude-skill-registry-data

Conduct technical research on technologies and architecture. Use when the user says "create a technical research report on [topic]".

majiayu000/claude-skill-registry-data

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".

Habilidades Relacionadas