AgentSkillsCN

demo-video

通过 Remotion 结合旁白，以程序化方式生成产品演示视频。 适用场景：制作产品演示、讲解视频、功能详解、营销视频或应用预览。支持屏幕录制、旁白同步以及渲染输出。关键词：演示、视频、屏幕录制、讲解、功能 walkthrough。

SKILL.md
--- frontmatter
name: demo-video
description: |
  Generate product demo videos programmatically with Remotion + voiceover.
  Use when: creating product demos, explainer videos, feature walkthroughs,
  marketing videos, or app previews. Handles screen capture, voiceover sync,
  and rendering. Keywords: demo, video, screencast, explainer, walkthrough.
argument-hint: "[product] [feature to demo, e.g. 'status page builder']"

Demo Video

What This Does

  • •Analyze app structure + feature description.
  • •Generate a tight narration script.
  • •Capture screenshots or short recordings.
  • •Generate voiceover via /voiceover when needed.
  • •Compose scenes with Remotion.
  • •Render to MP4.

Prerequisites

  • •Remotion skills: npx skills add remotion-dev/skills
  • •Optional voiceover: ElevenLabs

Usage

  • •/demo-video heartbeat "status page builder"
  • •/demo-video caesar "onboarding flow" with voiceover

Output

  • •demo-[product]-[feature].mp4 in current directory

References

  • •references/remotion-patterns.md
  • •references/kickstart-guide.md