Remotion Best Practices
guanyang/open-agent-hubBest practices and domain knowledge for building videos programmatically with Remotion (videos in React/TypeScript, rendered to MP4). Use whenever writing or editing Remotion code — scaffolding a video project, animating with interpolate/spring over useCurrentFrame(), sequencing scenes and transitions, captions/subtitles, audio, GIFs/Lottie/3D, charts, visual effects, dynamic duration via calculateMetadata, or rendering. Consult before reaching for a Remotion API, since its components and props evolve (e.g. @remotion/media).
At a glance
/plugin marketplace add guanyang/open-agent-hub
/plugin install remotion-best-practices-skillsremotion
Setup, runtime and requirements describe guanyang/open-agent-hub, the repo this skill ships in.
Also in guanyang/open-agent-hub
View the repoThis skill should be used for advanced LLM evaluation: LLM-as-judge systems, direct scoring, pairwise comparison, rubric calibration, evalua...
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art...
Analyzes article structure, identifies positions requiring visual aids, generates illustrations with Type × Style × Palette three-dimension...
Knowledge comic creator supporting multiple art styles and tones. Creates original educational comics with detailed panel layouts and batch-...
Compresses images to WebP (default) or PNG with automatic tool selection. Use when user asks to "compress image", "optimize image", "convert...
Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 11 color palettes and 7 rendering styles....
Generates images and text via reverse-engineered Gemini Web API. Supports text generation, image generation from prompts, reference images f...
Converts X (Twitter) tweets and articles to markdown with YAML front matter. Uses reverse-engineered API requiring user consent. Use when us...
Create professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind...
Extracts resources and JavaScript from any installed Electron app (`.asar` bundle), restoring original sources from `.js.map` files when ava...
Formats plain text or markdown files with frontmatter, titles, summaries, headings, bold, lists, and code blocks. Use when user asks to "for...
Generates infographic image card series with 12 visual styles, 8 layouts, and 3 color palettes. Breaks content into 1-10 cartoon-style image...