Communitygithub.com

产品演示视频制作

将软件项目转化为精美的程序化产品演示视频,使用内置的 Remotion 模板、故事板生成和 TTS 旁白。适用于 Codex 需要将应用、库、CLI 或 API 制作成演示视频而无需屏幕录制,或需要迭代故事板场景、旁白或渲染时。

产品演示视频制作 是什么?

该技能“产品演示视频制作”使 AI 代理(如 Codex)能够将软件项目自动转化为专业的、程序化生成的产品演示视频,而无需手动屏幕录制。它基于 Claude 插件移植而来,并利用一个内置的 Remotion 模板(位于 `assets/remotion-template/`)来提供完整的视频制作流水线。主要工作流程包括:扫描项目的文档和源代码,与用户讨论要突出的功能、时长和风格偏好,使用预定义的场景目录起草故事板,生成旁白 MP3 文件,以及最终通过 Remotion 的 Studio 进行预览和渲染。该技能适用于将应用、库、CLI 或 API 快速转化为演示视频,并支持通过多次迭代故事板场景、旁白或渲染来优化最终成品。支持的平台包括 Codex,并集成了 macOS `say`、OpenAI TTS 和 ElevenLabs 等文本转语音后端。

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

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

产品演示视频

这是由 Claude 插件移植而来的 Codex 技能。没有斜杠命令,因此 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(每个场景调用一次,从一个小的辅助脚本中调用)将旁白 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。
  • 使用目标项目中的真实代码和具体产品细节。
  • 保持旁白为口语化语言,大约每分钟 120 到 150 个词。

备注

  • 捆绑的 TTS 脚本支持 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.

相关技能