Skip to content
cccskills
FreePublished on GitHub

remotion-video-creation

Create videos in React with Remotion using focused implementation guidance and code examples. The skill covers animation, audio, captions, charts, 3D content, and scene transitions, along with handling media assets and timing.

OriginalShow the original description

Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions, charts, transitions, and more. Use when building video in React with Remotion — animations, audio, captions, charts, or transitions.

See how to install

Good for

  • Creating animated text and scene transitions
  • Adding audio and subtitles to videos
  • Showing charts and 3D content in videos
  • Adjusting media timing and playback

Files included (32)

  • SKILL.md3.6 KB
  • rules/3d.md2.2 KB
  • rules/animations.md784 B
  • rules/assets.md1.6 KB
  • rules/assets/charts-bar-chart.tsx3.3 KB
  • rules/assets/text-animations-typewriter.tsx2.1 KB
  • rules/assets/text-animations-word-highlight.tsx2.3 KB
  • rules/audio.md3.7 KB
  • rules/calculate-metadata.md2.9 KB
  • rules/can-decode.md1.5 KB
  • rules/charts.md1.7 KB
  • rules/compositions.md3.4 KB
  • rules/display-captions.md3.6 KB
  • rules/extract-frames.md5.4 KB
  • rules/fonts.md3.4 KB
  • rules/get-audio-duration.md1.3 KB
  • rules/get-video-dimensions.md1.6 KB
  • rules/get-video-duration.md1.3 KB
  • rules/gifs.md3.8 KB
  • rules/images.md2.7 KB
  • rules/import-srt-captions.md2.1 KB
  • rules/lottie.md1.7 KB
  • rules/measuring-dom-nodes.md973 B
  • rules/measuring-text.md2.9 KB
  • rules/sequencing.md2.3 KB
  • rules/tailwind.md423 B
  • rules/text-animations.md700 B
  • rules/timing.md3.8 KB
  • rules/transcribe-captions.md856 B
  • rules/transitions.md3.6 KB
  • rules/trimming.md1.2 KB
  • rules/videos.md3.4 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

When to use

Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.

How to use

Read individual rule files for detailed explanations and code examples:

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

accessibility

FreeSummary

Design and audit interfaces for Web, iOS, and Android using WCAG 2.2 accessibility guidance. Check screen-reader labels, keyboard navigation, contrast, and control sizes to identify barriers and guide implementation for people using assistive technology.

  • Adding descriptive labels to icon-only buttons
  • Reviewing keyboard navigation and modal focus
  • Checking contrast and control sizes
affaan-m/ECC283.3KUpdated Oct 16, 2026

Investigate unreliable AI agents across 12 layers, including instructions, memory, tool execution, and display. Use code and logs to trace failures, rank findings by severity, and produce an ordered repair plan that prioritizes code changes.

  • Investigating failures that appear only inside an agent application
  • Tracing old conversation content leaking into new sessions
  • Checking skipped or falsely claimed tool execution
affaan-m/ECC283.3KUpdated Oct 16, 2026

agent-eval

FreeSummary

Compare coding agents on tasks from your own codebase. Define success checks, run agents in separate Git working directories, and report pass rates, available API costs, completion time, and consistency across repeated trials.

  • Comparing coding agents on real development tasks
  • Evaluating a new tool or model before adoption
  • Checking performance after agent updates
affaan-m/ECC283.3KUpdated Oct 16, 2026

Design and refine an AI agent’s available actions, tool inputs, and result formats. Define recovery steps for errors, manage the information kept in context, and evaluate changes through completion rates, retries, and cost per successful task.

  • Define an AI agent’s tool set and input formats
  • Make tool results and next steps easier to interpret
  • Specify safe retries and stopping conditions
affaan-m/ECC283.3KUpdated Oct 16, 2026

Diagnose failed AI agent runs by capturing errors, checking likely causes, and choosing small, reversible recovery actions. The workflow produces a structured report of the failure, recovery steps, and evidence, helping explain repeated retries or stalled progress.

  • Diagnosing repeated tool calls with no progress
  • Investigating quality loss as context grows
  • Checking file paths and environment mismatches
affaan-m/ECC283.3KUpdated Oct 16, 2026

Diagnose AI agent runs that fail repeatedly, loop through tools, or lose track of the task. Capture errors and environment details, test a focused recovery action, and produce a report explaining the evidence and outcome.

  • Diagnosing repeated failures in an agent run
  • Investigating loops through the same tool calls
  • Reviewing output degradation as context grows
affaan-m/ECC283.3KUpdated Oct 5, 2026

See all skills by affaan-m

Report a problem with this skill