Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add memi-design/design-skills --skill remotion-videogit clone --depth 1 https://github.com/memi-design/design-skillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/memi-design/design-skills/remotion-video)<a href="https://agentmods.dev/skills/memi-design/design-skills/remotion-video"><img src="https://agentmods.dev/badge/skills/memi-design/design-skills/remotion-video/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/memi-design/design-skills/remotion-video"><img src="https://agentmods.dev/badge/skills/memi-design/design-skills/remotion-video.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00023 | $0.00341 |
| Opus 5 | $0.00012 | $0.00170 |
| Sonnet 5 | $0.00005 | $0.00068 |
| Haiku 4.5 | $0.00002 | $0.00034 |
Grade A, and why
remotion-video scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 8d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
Remotion Video
Use this Note when the output should be a React-coded video project. Prefer a real Remotion scaffold over static storyboard prose when Studio is asked to preview, render, or hand off a video.
Current Workflow
- Create a project with
package.json,remotion.config.ts,src/index.ts,src/Root.tsx, and a storyboard module. - Preview with
npx remotion studio src/index.ts. - Render with
npx remotion render src/index.ts <composition-id> <output>. - For backend rendering, use Remotion's renderer APIs only after the project has a stable composition id, width, height, fps, duration, and props schema.
Scaffold Rules
- Keep the default composition id stable:
MemoireVideo. - Store generated projects under
.memoire/videos/<id>. - Put the render output under
.memoire/videos/<id>/dist/<id>.mp4. - Use React and Remotion primitives for timeline logic; avoid ad hoc DOM timers.
- Include
prefers-reduced-motionor low-motion alternates when the output will also be embedded in the Studio UI.
Quality Bar
- Every scene has a purpose: hook, proof, product action, result, CTA.
- Use transform and opacity for core motion.
- Reserve camera-like motion for product explanation, not decoration.
- Verify text fits 16:9 and 9:16 crops before rendering social variants.
What ships with it
1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 8d ago First seen · 36 lines · 23 tokens per session scan A eb1d5acfe8a8
remotion-video is a skill published in the GitHub repository memi-design/design-skills (7 stars, last pushed 1mo ago), licensed MIT. It adds 23 tokens to every session and 341 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.
Other skills, from other repositories
motion-lexicon
Design, build, compose, implement, review, and contribute polished product interfaces with Motion Lexicon components and motion primitives. Use this skill when a user asks for a complete React page, landing page, dashboard, settings screen, or product surface in the Motion Lexicon visual language; asks what motion…
animejs-animation-v2
Anime.js Animation Skill workflow skill. Use this skill when the user needs Advanced JavaScript animation library skill for creating complex, high-performance web animations and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.
remotion-agent-video
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.
animate-expo
Build animation and gestures in React Native and Expo with Reanimated worklets on the UI thread — sheets, drawers, screen transitions, swipe, drag, press feedback, haptics. Use when adding gestures to an Expo app, or when motion stutters, janks or drops frames on a real Android or iOS device.
react-spring
Use when implementing Disney's 12 animation principles with React Spring's physics-based animations.
remotion-video
Create programmatic videos with React using Remotion - generate animations, compositions, text effects, transitions, captions, and render MP4 videos from code.