Media & Creative · React · For developers

Best practices for Remotion - Video creation in React. An agent skill from lyonjs/shortvid.io.

lyonjs/shortvid.io

Fix newly added optional parameters, optional React props, and optional type/interface members in Remotion monorepo diffs by converting internal APIs to required nullable values and updating call…

remotion-dev/remotion

Implement Lottie animations using dotLottie runtimes (@lottiefiles/dotlottie-web and @lottiefiles/dotlottie-react).

LottieFiles/dotlottie-web

Ports an existing Remotion (React) composition to HyperFrames HTML with GSAP, one way, and grades the result against a tiered set of reference fixtures.

heygen-com/hyperframes

给一个主题，产出一条黑底 MG 风格（幕底可选星点或点阵波）、有配音字幕章节进度条的科普讲解视频（中文或英文；Remotion 代码动画；时长由用户定，常用 3–5 分钟）。内含可编译模板、图元库、配音/分镜/渲染工具、风格与动效规范、多 agent 分工协议与 QC 判据，以及一条完整样片（《RAG 与知识库》）作为质量标尺。Turn any topic into a narrated…

Vincentwei1021/anything2explainer

Animation components and utilities for Remotion video projects.

Marve10s/Better-Fullstack

Create and edit professional motion graphics videos with Remotion (React-based video).

haidrrrry/claude-remotion-skill

Analyze images, video, speech, motion, products, and websites; route local vision, audio, depth, tracking, matting, identity, and restoration models; auto-edit, replicate, enhance, caption, voice…

MartinDelophy/ai-video-editor

Create Remotion videos using the Geist design system aesthetic.

Marve10s/Better-Fullstack

Add or modify icon keyword mappings for providers, models, or agents in lobe-icons.

lobehub/lobe-icons

Shoot, animate, title and optionally score product demo videos with Remotion — for a landing page, docs, onboarding, an app store listing or a social post.

Alexwtlf/agentic-product-demo

Port an existing Remotion (React) composition to HyperFrames HTML.

chmonitor/chmonitor

Renders MP4 videos from React and Remotion TSX code through the inference.sh CLI, with settings for resolution, frame rate, duration and codec.

Hainrixz/editor-pro-max

Translate an existing Remotion (React-based) video composition into a HyperFrames HTML composition.

boraoztunc/skills

Creates, refines and exports editable OneWorks 3D geometric avatars for mascots, bots or agents, keeping one shared scene state across preview, share link and export.

oneworks-ai/avatar

Builds podcast-style audio narration from text with Azure OpenAI's GPT Realtime Mini over WebSocket, from a Python FastAPI backend to a React player.

microsoft/skills

Design, evaluate, implement, or review image and video generation connectors for Timeline Studio.

MartinDelophy/ai-video-editor

Generate AI videos using varg SDK React engine. An agent skill from vargHQ/sdk.

vargHQ/sdk

特效生成——当用户提供 SRT 字幕文件(或带时间戳的口播文字稿)时,根据字幕内容和时间自动生成 Overlay Studio 可直接导入的动效卡片 JSON(overlay JSON)。触发词:特效生成、根据SRT生成动效、生成overlay JSON、给这期视频配动效卡。

jeszhou/overlay-studio

Molio's builtin skill for MAKING a video from any source — wiki notes, articles, scripts, product info, or a brief — and rendering it to MP4.

zhuzhaoyun/Molio

Use native WebMCP tools to edit the project open in Timeline Studio.

MartinDelophy/ai-video-editor

Build, preview and render the video in Remotion (React): project setup from the template, stills for style frames, animatic and final renders through the studio's render queue.

GTKottman/mortiflix-oss

Create modern product launch/pitch videos using Remotion. An agent skill from Marve10s/Better-Fullstack.

Marve10s/Better-Fullstack

Operate a local BeatDesign project through MCP when the user asks to create, organize, generate, inspect, or edit media in BeatDesign, including captions, tail-frame continuation, and opening the…

BeatAPI/BeatDesign

操作本地 BeatDesign 项目中的 Canvas、Assets、生成任务、视频时间线和字幕；在用户要求创作、整理、检查或剪辑媒体时使用。

BeatAPI/BeatDesign

Create video compositions with Editframe using HTML web components or React.

shadcn-labs/framecn

视觉从代码生长的技术讲解视频工厂：给一个主题，产出一条"图解动画 + AI 配音"的 MP4——结构图/矩阵/连线拓扑/图表/数字滚动全部用 Remotion + React/SVG 代码精确绘制（不用 AI 视频模型，杜绝公式乱码与连线漂移，可参数化、改数据自动重排），旁白由 TTS 逐段生成 + ffprobe 实测时长（默认 edge-tts 神经音色；--engine clone…

wwwzhouhui/skills_collection

Operate a local BeatDesign project through MCP when the user asks to create, organize, generate, inspect, or edit media in BeatDesign, including opening the exact Canvas or Editor in Codex for…

BeatAPI/BeatDesign

Port an existing Remotion composition to HyperFrames HTML while preserving visible behavior.

waker240/FullVideoProductionSkill

Capture and analyze Remotion Studio React render profiles through development-only WebMCP tools.

remotion-dev/remotion

Remotion 最佳实践 - 使用 React 创建视频

buainoai/remotion-skills

Create, modify, and render Remotion React video projects in the current Vetta conversation workspace.

openvetta/open-vetta

Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, and release checklist updates.

remotion-dev/remotion

Turn concepts into animated explainer videos using Manim (Python) with MP4/GIF output, audio overlay, multi-scene composition.

Mathews-Tom/armory

A skill your agent uses when working on Next.js routing/middleware, error handling, Sentry/logging, user-facing notifications, performance-sensitive paths (Octopus subtitle renderer, large lists…

nopol10/nekocap

Create and edit Remotion videos with domain-specific knowledge.

coleam00/second-brain-skills

A skill your agent uses when a creative goal must become a finished media file: pick and order generative-media models per modality — AI voiceover, image-to-video clips, score — then glue them with…

ericrisco/rsc-harness

Diagnose and fix Canvasight plugin, MCP, native-widget readiness, host bridge, daemon, browser fallback, Run delivery, install, cache, or connection problems.

Niall-Young/Canvasight

A skill your agent uses when a browser/Web app (React, Vue, Next, Nuxt, static sites, SPAs, dashboards, AI chat UI, 页面, 前端, 网页) needs AI models via @cloudbase/js-sdk.

TencentCloudBase/CloudBase-AI-Toolkit

Create a new Remotion video

remotion-dev/remotion

Best practices for Remotion - Video creation in React. An agent skill from affaan-m/ECC.

affaan-m/ECC

Best practices for writing Remotion React Markup. An agent skill from guanyang/open-agent-hub.

guanyang/open-agent-hub

Apply Disney's 12 principles as practical design and engineering rules for procedural animation.

vibe-motion/skills

A skill your agent uses when an AI agent (or any external script) needs to play-test a running Pixi'VN game end-to-end in a real browser — starting the game, advancing/branching the story, answering…

DRincs-Productions/pixi-vn

Best practices and comprehensive guide for Remotion - programmatic video creation in React with animations, compositions, and media handling

davila7/claude-code-templates

Remotion Shot 组件实现。将 storyboard 转化为 React 组件。包含关键的帧计算规则（Math.round 强制）、interpolate 安全规则（最小 1 帧）、1080p 视觉标准、动画编排模式、音视频同步架构、组件复用模式。这是技术密度最高的 skill。

bilibili/carocut

制作屏摄风格的鱼眼畸变效果与聚焦动画：桶形鱼眼畸变 + 细扫描线/摩尔纹干涉 + 四周暗角， 可对任意图片/视频做「推镜聚焦到某处 + 黄色标注块滑入」的 Remotion 视频输出。

vibe-motion/skills

Best practices and domain knowledge for building videos programmatically with Remotion (videos in React/TypeScript, rendered to MP4).

guanyang/open-agent-hub