Skip to content
Merged
8 changes: 8 additions & 0 deletions .claude/skills/video-report/SKILL.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
---
name: video-report
description: Generate a report about a video
---

When a user reports a video not working, we should download the URL and put it as the `src` in `packages/example/src/NewVideo.tsx`.

Then, in `packages/example`, we should run `bunx remotion render NewVideo --log=verbose`.
2 changes: 1 addition & 1 deletion .github/workflows/changelog.yml
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ jobs:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@main
- uses: oven-sh/setup-bun@v2.0.2
- uses: oven-sh/setup-bun@v2.1.2
with:
bun-version: 1.3.3
- name: Push changelog
Expand Down
2 changes: 1 addition & 1 deletion .github/workflows/copilot-setup-steps.yml
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ jobs:
uses: actions/setup-node@v6
with:
node-version: 20
- uses: oven-sh/setup-bun@v2.0.2
- uses: oven-sh/setup-bun@v2.1.2
with:
bun-version: 1.3.3
- name: Cache turbo build setup
Expand Down
28 changes: 14 additions & 14 deletions .github/workflows/push.yml
Original file line number Diff line number Diff line change
Expand Up @@ -18,13 +18,13 @@ jobs:
- uses: actions/setup-node@v6
with:
node-version: 25
- uses: oven-sh/setup-bun@v2.0.2
- uses: oven-sh/setup-bun@v2.1.2
with:
bun-version: 1.3.3
- name: Install
run: bun ci
- name: Cache Turbo
uses: rharkor/caching-for-turbo@v2.2.1
uses: rharkor/caching-for-turbo@v2.3.11
- name: Test Lambda IT
run: |
bun run testlambda
Expand All @@ -44,13 +44,13 @@ jobs:
- uses: actions/setup-node@v6
with:
node-version: 25
- uses: oven-sh/setup-bun@v2.0.2
- uses: oven-sh/setup-bun@v2.1.2
with:
bun-version: 1.3.3
- name: Install
run: bun ci
- name: Cache Turbo
uses: rharkor/caching-for-turbo@v2.2.1
uses: rharkor/caching-for-turbo@v2.3.11
- name: Test Lambda IT
run: |
bun run build
Expand All @@ -66,15 +66,15 @@ jobs:
- uses: actions/setup-node@v6
with:
node-version: 25
- uses: oven-sh/setup-bun@v2.0.2
- uses: oven-sh/setup-bun@v2.1.2
with:
bun-version: 1.3.3
- name: Install
run: bun ci
- name: Install deps
run: cd packages/webcodecs && bunx playwright install --with-deps
- name: Cache Turbo
uses: rharkor/caching-for-turbo@v2.2.1
uses: rharkor/caching-for-turbo@v2.3.11
- name: Test Webcodecs
run: |
bun run testwebcodecs
Expand All @@ -86,15 +86,15 @@ jobs:
- uses: actions/setup-node@v6
with:
node-version: 25
- uses: oven-sh/setup-bun@v2.0.2
- uses: oven-sh/setup-bun@v2.1.2
with:
bun-version: 1.3.3
- name: Install
run: bun ci
- name: Install deps
run: cd packages/web-renderer && bunx playwright install --with-deps
- name: Cache Turbo
uses: rharkor/caching-for-turbo@v2.2.1
uses: rharkor/caching-for-turbo@v2.3.11
- name: Test web renderer
run: |
bun run testwebrenderer
Expand All @@ -106,7 +106,7 @@ jobs:
- uses: actions/setup-node@v6
with:
node-version: 16
- uses: oven-sh/setup-bun@v2.0.2
- uses: oven-sh/setup-bun@v2.1.2
with:
bun-version: 1.3.3
- name: Install
Expand All @@ -124,7 +124,7 @@ jobs:
php-version: "8.4"
- run: pip install pylint boto3 pytest
- name: Cache Turbo
uses: rharkor/caching-for-turbo@v2.2.1
uses: rharkor/caching-for-turbo@v2.3.11
- name: Test SSR
timeout-minutes: 8
run: |
Expand All @@ -137,15 +137,15 @@ jobs:
- uses: actions/setup-node@v6
with:
node-version: 25
- uses: oven-sh/setup-bun@v2.0.2
- uses: oven-sh/setup-bun@v2.1.2
with:
bun-version: 1.3.3
- name: Install
run: bun ci
env:
CI: true
- name: Cache Turbo
uses: rharkor/caching-for-turbo@v2.2.1
uses: rharkor/caching-for-turbo@v2.3.11
- name: Perform stylecheck
timeout-minutes: 10
run: |
Expand All @@ -170,7 +170,7 @@ jobs:
- uses: actions/setup-node@v6
with:
node-version: ${{ matrix.node_version }}
- uses: oven-sh/setup-bun@v2.0.2
- uses: oven-sh/setup-bun@v2.1.2
with:
bun-version: 1.3.3
- name: Cache Bun dependencies (Windows)
Expand All @@ -184,7 +184,7 @@ jobs:
- name: Install
run: bun ci
- name: Cache Turbo
uses: rharkor/caching-for-turbo@v2.2.1
uses: rharkor/caching-for-turbo@v2.3.11
- name: Build & Test
timeout-minutes: 30
run: |
Expand Down
2 changes: 1 addition & 1 deletion packages/create-video/src/templates.ts
Original file line number Diff line number Diff line change
Expand Up @@ -552,7 +552,7 @@ export const FEATURED_TEMPLATES: Template[] = [
previewURL: null,
templateInMonorepo: 'template-stargazer',
allowEnableTailwind: true,
contributedBy: null,
contributedBy: 'pomber',
showStackblitz: true,
},
{
Expand Down
2 changes: 1 addition & 1 deletion packages/docs/docs/ai/claude-code.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ npx create-video@latest

This will create a new project - we recommend the following settings:

- Select the [Empty](https://remotion.dev/templates/empty) template
- Select the [Blank](https://remotion.dev/templates/blank) template
- Say yes to use [TailwindCSS](/docs/tailwind)
- Say yes to install [Skills](/docs/ai/skills)

Expand Down
1 change: 1 addition & 0 deletions packages/docs/docs/resources.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,7 @@ This list tries to compile all templates, libraries, building blocks and example
- [Motion Blur](/docs/motion-blur)
- [Noise](/docs/noise)
- [Path animations](/docs/paths)
- [Glitch Effect](https://github.com/storybynumbers/remotion-glitch-effect)

## Players

Expand Down
52 changes: 47 additions & 5 deletions packages/skills/README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,47 @@
# @remotion/skills

## Usage

This is an internal package and has no documentation.
<p align="center">
<a href="https://github.com/remotion-dev/logo">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/remotion-dev/logo/raw/main/animated-logo-banner-dark.apng">
<img alt="Remotion Logo" src="https://github.com/remotion-dev/logo/raw/main/animated-logo-banner-light.gif">
</picture>
</a>
</p>

# Remotion Skills

[Agent Skills](https://agentskills.io) for [Remotion](https://remotion.dev) - create videos programmatically using React.

These skills give AI coding agents domain-specific knowledge for building Remotion projects:

- **Animations** - Frame-based animations with `useCurrentFrame()` and interpolation
- **Compositions** - Defining videos, stills, folders, and dynamic metadata
- **Audio & Video** - Embedding, trimming, volume control, speed, looping
- **Captions** - Transcription, SRT import, TikTok-style display
- **3D Content** - Three.js and React Three Fiber integration
- **Charts** - Animated data visualizations
- **Text** - Typography, fonts, measuring, and text animations
- **Transitions** - Scene transition patterns
- **And more** - GIFs, Lottie, maps, Tailwind, parameters...

See [skills/remotion/SKILL.md](skills/remotion/SKILL.md) for the full list of topics.

## Installation

Install using [add-skill](https://github.com/vercel-labs/add-skill):

```bash
npx add-skill remotion-dev/skills
```

## What are Agent Skills?

Agent Skills are an [open standard](https://agentskills.io) for giving AI coding agents specialized capabilities. They provide procedural knowledge that agents can load on demand to perform tasks more accurately.

## Contributing

Pull requests should be submitted to the [remotion-dev/remotion](https://github.com/remotion-dev/remotion) monorepo under `packages/skills/`, not to the [remotion-dev/skills](https://github.com/remotion-dev/skills) mirror repository.

## Documentation

Remotion Documentation: [**remotion.dev/docs**](https://www.remotion.dev/docs)
API Reference: [**remotion.dev/api**](https://www.remotion.dev/api)
Loading