القائمة
Remotion v4.0.4xx with agent skill support for AI-driven video creation. Covers programmatic video generation with React, the new effects ecosystem, and first-party agent skills.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Healthchecks, SSH access, model switching, and systemd debugging for the Appie fleet. Covers Appie-2 (Hetzner Hermes) and common failure modes.
Direct Google Calendar + Gmail + Contacts REST API access via Python. Use when gws CLI is broken (token cache decrypt failure) or google_api.py wrapper is unreliable. Companion to the bundled google-workspace skill.
State-of-the-art text-to-image generation with Stable Diffusion models via HuggingFace Diffusers. Use when generating images from text prompts, performing image-to-image translation, inpainting, or building custom diffusion pipelines.
Use 21st.dev Agent Elements — 25 shadcn/ui components purpose-built for AI agent UIs. Tool cards (Bash, Edit, Search, Plan, Subagent, MCP), chat, input, streaming. Open source, shadcn-registry install, no runtime lock-in.
Use v0 Design Systems 2.0, Bolt Design System Agents, or Lovable to generate production UI from a client's real design system components — not generic Tailwind. Use when building a client website where brand consistency matters.
Umbrella workflow for delegating coding work to local agent CLIs such as Claude Code, Codex, and OpenCode.
| name | remotion-agent-video |
| description | Remotion v4.0.4xx with agent skill support for AI-driven video creation. Covers programmatic video generation with React, the new effects ecosystem, and first-party agent skills. |
| author | Appie-1 |
| tags | ["remotion","video","react","ai","agent","effects","animation"] |
| related_skills | ["remotion-video-creation","remotion-best-practices"] |
Remotion v4.0.4xx lets you create videos programmatically with React — and now ships first-party agent skills.
Install Remotion's official skills for AI coding agents:
npx skills add remotion-dev/skills
This adds skills for: Claude Code, Codex, and Cursor with best practices for Remotion projects.
v4.0.4xx adds a composable effects ecosystem:
| Effect | Description |
|---|---|
cornerPin | Perspective/distortion corner pinning |
lightTrail | Motion light trail effect |
checkerboard | Checkerboard transition pattern |
emboss | 3D emboss effect |
gridlines | Grid overlay |
zoomBlur | Zoom-based radial blur |
radialProgressiveBlur | Progressive blur from center out |
linearGradient | Linear gradient overlay |
Composable: stack multiple effects on a single <Sequence>.
import { Player } from "@remotion/player";
<Player
component={MyVideo}
durationInFrames={120}
compositionWidth={1920}
compositionHeight={1080}
fps={30}
pixelDensity={2} // fine-grained quality control
/>
pixelDensity for fine-grained output quality# Create a new Remotion project
npx create-video
# Install agent skills
npx skills add remotion-dev/skills
# Start the Studio
npx remotion studio
# Render
npx remotion render
When using an AI agent with Remotion:
npx create-video with your templatenpx skills add remotion-dev/skills for guided patterns--timeout flag on render command===ME:remotion-agent-video