ericmjl/remotion-video
skills/remotion-video/SKILL.md
Create animated videos using Remotion from topics, product URLs, Google reviews, talking-head videos, or CSV data. Supports 5 video types: educational explainers, product launch demos, testimonial/social proof, avatar video overlays, and data visualization dashboards. Each follows a 2-step workflow: research/scrape/analyze then design and animate with spring animations, SVG diagrams, and count-up effects. Requires the Remotion best practices skill (install with `npx skills add remotion-dev/skills`). Use when the user asks to create a Remotion video, explainer video, educational video, product demo video, testimonial video, video with animated overlays, data visualization video, animated dashboard, or short-form vertical video for mobile.
$ install --global
skillsauthnpx skillsauth add ericmjl/skills remotion-videoInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Jun 1, 2026, 3:19 AM110.2s7 files scanned
SKILL.md
- name:
- remotion-video
- description:
- Create animated videos using Remotion from topics, product URLs, Google reviews, talking-head videos, or CSV data. Supports 5 video types: educational explainers, product launch demos, testimonial/social proof, avatar video overlays, and data visualization dashboards. Each follows a 2-step workflow: research/scrape/analyze then design and animate with spring animations, SVG diagrams, and count-up effects. Requires the Remotion best practices skill (install with `npx skills add remotion-dev/skills`). Use when the user asks to create a Remotion video, explainer video, educational video, product demo video, testimonial video, video with animated overlays, data visualization video, animated dashboard, or short-form vertical video for mobile.
- license:
- MIT
Remotion Video
Create animated short-form videos (1080x1920) using Remotion. Five video types, each with a research-then-animate workflow.
Prerequisites
This skill requires the Remotion best practices skill. Before starting, check whether Remotion skills are installed in the project. If not, instruct the user to run:
npx skills add remotion-dev/skills
See Remotion Agent Skills docs for details.
Type Selection
Determine the video type from the user's input:
| User provides | Video type | Load reference | |---|---|---| | A topic to teach or explain | Education Explainer | education-explainer.md | | A product URL | Product Demo + Launch | product-demo.md | | A Google Business / Maps link | Testimonial / Social Proof | testimonial.md | | A talking-head video file (9:16) | Avatar + Animated Overlays | avatar-overlays.md | | A CSV or data file | Data Visualization Dashboard | data-viz.md |
Load only the relevant type reference file plus defaults.md for shared configuration (safe zone, fonts, animation rules, visual style).
Common Workflow
All 5 types follow the same two-step pattern:
Step 1: Research / Scrape / Analyze
Gather information based on the video type (research topic, scrape website, scrape reviews, transcribe video, or analyze data). Present findings and a proposed scene outline. Wait for user approval before writing code.
Step 2: Design & Animate
After approval, build all scenes as Remotion React components. Follow the animation rules from defaults.md:
- Spring entrances (
damping: 200), no linear motion - Stagger related items by 8-12 frames
TransitionSerieswith 12-frame fade transitions between scenes- SVG
stroke-dashoffsetfor diagram/flowchart drawing interpolate()+tabular-numsfor count-up animations- Particle effects for celebration/closing moments
Preview
After building, launch Remotion Studio:
npx remotion studio
Design Principles
- Each scene needs a clear visual metaphor — diagrams, flowcharts, icons, step-by-step animations
- No walls of text — dense information, beautiful motion, fast pacing
- Kurzgesagt meets Fireship: complex ideas made visually intuitive
- All graphics built as SVG components (no external image assets needed)
- Respect the safe zone (see defaults.md) — nothing important near edges
Credit
Based on video prompts by Sabrina Ramonov. Adapted into an Agent Skill with configurable defaults and progressive disclosure.
Related Skills
ericmjl/youtube
development
VerifiedTrustedCommunity
Comprehensive YouTube operations using yt-dlp - download videos/audio, extract transcripts and subtitles, get metadata, work with playlists, download thumbnails, and inspect available formats. Use this for any YouTube content processing task.
34SKILL.mdUpdated May 31, 2026
ericmjl/youtube-ingestion
data-ai
VerifiedTrustedCommunity
Ingest YouTube videos into the vault. Triggers when user pastes a YouTube URL (youtube.com/watch or youtu.be). Fetches transcript using yt-dlp, extracts metadata, creates transcript note and summary note. User may provide additional context about the video.
34SKILL.mdUpdated May 31, 2026
ericmjl/voss-advisor
tools
VerifiedTrustedCommunity
Advanced negotiation and communication advisor grounded in Chris Voss's tactical empathy methodology (Never Split the Difference, The Black Swan Group). Use this skill whenever the user needs help with any interpersonal situation involving influence, persuasion, or navigating difficult dynamics. This includes but is not limited to: analyzing conversations, call transcripts, or email threads; preparing for negotiations (salary, vendor, client, partner); drafting tactful responses; handling pushback, objections, or conflict; navigating difficult workplace conversations; preparing for performance reviews or raises; buying a car, house, or any big purchase; dealing with landlords, contractors, or service providers; resolving personal disagreements; practicing negotiation through role-play; or any situation where the user says things like "how should I respond to this", "they're pushing back", "I need to have a tough conversation", "how do I ask for...", "they ghosted me", "I'm not sure how to handle this person", "counter-offer", "pricing", "deal", "objection", or "difficult conversation". Activate broadly — most interpersonal communication benefits from tactical empathy whether or not the user frames it as "negotiation." This skill integrates FBI hostage negotiation techniques (93% success rate) with behavioral economics (Kahneman's Prospect Theory) and neuroscience (amygdala hijacking, loss aversion).
34SKILL.mdUpdated May 31, 2026
ericmjl/stacked-pr-decomposition
tools
VerifiedTrustedCommunity
Break long-lived pull request branches into a mergeable stack of small PRs with clear dependency order and story flow. Use when a branch has grown too large, when the user asks to split a PR into stacked PRs, or when each PR must be reviewable in about 5 minutes while preserving logical narrative across the stack.
34SKILL.mdUpdated May 31, 2026