ali-abassi

Remotion Templates — AI skill for Claude Code

AI community

Curated Remotion video templates for Claude Code and AI coding agents - captions, visualizers, effects, transitions.

How to install Remotion Templates

This entry records only its repository, not the path inside it, so there is no exact command to give. Open ali-abassi/remotion-templates and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Remotion Templates does

Curated Remotion video templates for Claude Code and AI coding agents - captions, visualizers, effects, transitions.

Alternatives in AI

Swift Agent Skills — A curated directory of open-source AI agent skills for Swift and Apple platform development 1.5k ★
Research Paper Writing Skills — Skill package for ML/CV/NLP paper writing, curated and adapted from Prof 1.5k ★
N Skills — Curated plugin marketplace for AI agents - works with Claude Code, Codex, and openskills 943 ★

README

Remotion Templates

A searchable library of **1,000 reusable Remotion templates** for developers and AI coding agents.

The collection contains 100 template families with generated thumbnails, muted MP4 previews, validated default props, and agent-facing recipes that explain when and how to compose each template.

What is included

1,000 templates across 100 reusable family engines
Playable previews and thumbnails for every registry entry
Agent catalog with visual role, inputs, timing, composition guidance, constraints, and usage examples
Searchable static website with category filters and copyable props/recipes
Mechanical acceptance gate covering TypeScript, bundling, and reduced render smoke tests
Research and provenance records for official and third-party-inspired mechanics
SKILL.md with Remotion patterns and guidance for coding agents
Curated examples in `examples/`

Browse the library

python3 -m http.server 4173 --directory site

Open .

Hover or focus a template card to play its preview. Open a template to inspect its props and copy an agent-ready recipe.

Install and validate

npm install
npm run typecheck
npm run catalog
npm run gate

The full gate typechecks the project, creates a Remotion bundle, and render-smokes every template.

Regenerate library assets

# Rebuild the agent-facing catalog
npm run catalog

# Render all muted MP4 previews
npm run previews

# Render a focused preview set
npm run previews -- --only kinetic-impact-sting,dataviz-bar-race

The deployable website is the [`site/`](site/) directory. See [`site/README.md`](site/README.md) for rendering options and static-hosting details.

Project structure

src/families/             100 family engines and their registry presets
src/registry.json         generated 1,000-template registry
src/components.ts         generated component map
src/lib/