Generates 15-25 second product launch videos using Remotion and React, structured around eight scenes: reveal, concept, mockups, three optional feature showcases, outro, and CTA. The workflow emphasizes replacing static screenshots with dynamic content like animated maps, charts, or typewriter effects by loading the remotion-best-practices skill first. You'll answer questions about device type (phone vs desktop mockup), screenshot theme (dark or light mode), and background music before collecting assets. The real trick is calculating total duration correctly by subtracting transition overlaps, which prevents black frames at the end. Best for SaaS launches, app promos, or startup pitches when you want something more polished than a Loom recording but don't need a production studio.

skills.sh installs
359
GitHub stars
6
last updated
Aug 21, 2026

Install

$ npx -y skills add imaimai17468/modern-short-video-skills --skill modern-short-video --agent claude-code

Installs into .claude/skills of the current project.

Files

Modern Short Video Skill

Create professional, modern product launch videos using Remotion and React.

Prerequisites (MANDATORY)

WARNING: Do NOT skip this step. Skipping will result in missing rich expression opportunities.

This skill extends Remotion best practices. You MUST do both:

  1. Load the skill first:

    /remotion-best-practices
    
  2. Read the SKILL.md of remotion-best-practices and identify which rules are relevant to the product (maps, charts, text animations, 3D, lottie, etc.)

Workflow

Step 1: Analyze Product & Select Rich Expressions (CRITICAL)

Before asking for screenshots, analyze the product and find relevant rich expressions from remotion-best-practices.

Replace static screenshots with dynamic content wherever possible:

  • Map app → animated map with route drawing
  • Dashboard → animated charts
  • Text app → typewriter effects
  • etc.

Read the relevant rule files from remotion-best-practices and use them.

Step 2: Device, Theme & BGM Questions

Use AskUserQuestion to ask:

Sponsors

Details

Repository
github.com/imaimai17468/modern-short-video-skills
Category
Generative Media
First seen
Jun 3, 2026
1guia-matthieu avatarvideo-processingguia-matthieu/clawfu-skillsProcess video files with ffmpeg automation. Use when: compressing videos for upload; extracting audio from video; resizing for social formats; clipping segments353skills.sh installs
2davila7 avatarvoice-ai-developmentdavila7/claude-code-templatesExpert in building voice AI applications - from real-time voice agents to voice-enabled apps. Covers OpenAI Realtime API, Vapi for voice agents, Deepgram for tr351skills.sh installs
3bobmatnyc avatarmedia-transcodingbobmatnyc/claude-mpm-skillsFFmpeg-based media transcoding workflows with preset-driven conversions, batch processing, and safe backups for web/mobile/archive outputs.344skills.sh installs
4topviewai avatartopview-skilltopviewai/skillOfficial Topview AI client. Generate videos, images, avatars, and TTS audio via the Topview API. All network calls go to *.topview.ai only.334skills.sh installs
5notedit avatargsap-animationnotedit/happy-skillsGSAP + Remotion integration for professional motion graphics video production. Timeline orchestration, text splitting, SVG morphing, advanced easing, and reusab333skills.sh installs
6krea-ai avatarkrea-aikrea-ai/skillsGenerate images, short videos, enhance/upscale, train LoRAs, and run campaign workflows through Krea. Intent-first workflow prefabs route common asks to hard re332skills.sh installs