Media & Creative · React

Builds walkthrough videos from Stitch design projects using Remotion, with transitions, zoom effects and text overlays on each screen.

google-labs-code/stitch-skills

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

Creating interactive data visualisations using d3.js. An agent skill from calesthio/OpenMontage.

calesthio/OpenMontage

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

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

haidrrrry/claude-remotion-skill

Animation components and utilities for Remotion video projects.

Marve10s/Better-Fullstack

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

Apply Edward Tufte's principles to any data visualization, chart, dashboard, or infographic.

aref-vc/tufte-claude-skill

Generates 2D Remotion-based TSX video files for VidTSX from a shot or scene description, with style presets and rules that keep renders from crashing.

hassancs91/claude-faceless-shorts-creator

交互式动态视觉叙事生成器 v11.0 (Hybrid Drive Edition)。基于用户输入的任意主题关键词， 通过多轮交互式对话收集需求，利用 React 19 + Tailwind 4 驱动的 Minimal Mono 极简编辑器， 实时操纵隔离在 Iframe 中的硬核 GSAP/WebGL 影视级叙事引擎。

pixelxzen/phantom-motion

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

Guides React animation work with GSAP, Motion, Anime.js and Lenis for scroll effects, page transitions, text effects and generative visuals, with a library decision table.

Hainrixz/editor-pro-max

Turns an article or spoken script into a click-through, full-screen 16:9 web presentation that looks like a video, with optional synthesized narration.

ConardLi/garden-skills

特效生成——当用户提供 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

Design review and implementation guidance for the Qovery Console.

Qovery/console

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

Nuxt SEO optimization guidelines for Cloudflare-deployed applications.

vinayakkulkarni/nxui

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

A skill your agent uses when defining visual novel characters for a @drincs/pixi-vn game — creating a character with a name, color, icon and other props, registering it so it can be looked up by id…

DRincs-Productions/pixi-vn

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

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

wwwzhouhui/skills_collection

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

waker240/FullVideoProductionSkill

A skill your agent uses when implementing Disney's 12 animation principles with Framer Motion in React applications

calesthio/OpenMontage

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

remotion-dev/remotion

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

buainoai/remotion-skills

Implements After Effects Lottie animations in web and React apps: picking JSON or dotLottie format, a rendering library, and a data source, with an optimizer script.

freshtechbro/claudedesignskills

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

remotion-dev/remotion

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

openvetta/open-vetta

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