joshuashepherd/my-skills/remotion-2-skill

Trust tier 3
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

Programmatic video creation with React via Remotion — compositions, animations, motion graphics, rendered to MP4. USE WHEN video, animation, motion graphics, video rendering, React video, intro video, YouTube video, TikTok video, video production, render video, content to animation, animate content, video overlay.

Install

npx vskill@latest install joshuashepherd/my-skills/remotion-2-skill

SKILL.md

🚨 MANDATORY: Voice Notification (REQUIRED BEFORE ANY ACTION)

You MUST send this notification BEFORE doing anything else when this skill is invoked.

  1. Send voice notification:

``bash curl -s -X POST http://localhost:8888/notify \ -H "Content-Type: application/json" \ -d '{"message": "Running the WORKFLOWNAME workflow in the Remotion skill to ACTION"}' \ > /dev/null 2>&1 & ``

  1. Output text notification:

`` Running the **WorkflowName** workflow in the **Remotion** skill to ACTION... ``

This is not optional. Execute this curl command immediately upon skill invocation.

Remotion

Create professional videos programmatically with React.

Customization

Before executing, check for user customizations at: ~/.claude/PAI/USER/SKILLCUSTOMIZATIONS/Remotion/

Workflow Routing

TriggerWorkflow
"animate this", "create animations for", "video overlay"Workflows/ContentToAnimation.md

Quick Reference

  • Theme: Always use PAI_THEME from Tools/Theme.ts
  • Art Integration: Load Art preferences before creating content
  • Critical: NO CSS animations - use useCurrentFrame() only
  • Output: Always to ~/Downloads/ first

Render command:

bash
npx remotion render {composition-id} ~/Downloads/{name}.mp4

Full Documentation

  • Art integration: ArtIntegration.md - theme constants, color mapping
  • Common patterns: Patterns.md - code examples, presets
  • Critical rules: CriticalRules.md - what NOT to do
  • Detailed reference: Tools/Ref-*.md - 28 pattern files from Remotion

Tools

ToolPurpose
Tools/Render.tsRender, list compositions, create projects
Tools/Theme.tsPAI theme constants derived from Art

Links

  • Remotion Docs: https://remotion.dev/docs
  • GitHub: https://github.com/remotion-dev/remotion

Security

  • Security scanPassed, 90 of 100Pattern checks on the skill's files.
  • Model reviewPassed

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

Source

Popularity

7-day trend score
5

Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/joshuashepherd/my-skills/remotion-2-skill/badge)](https://verified-skill.com/skills/joshuashepherd/my-skills/remotion-2-skill)

Something wrong with this skill or its page? Tell us.