# remotion-dev/skills architecture

> Architecture diagram of the GitHub repository remotion-dev/skills, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-28). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/remotion-dev/skills
- Repository: https://github.com/remotion-dev/skills

## Overview

This repository packages Remotion Agent Skills: guidance an AI agent or developer selects to create, edit, preview, render, or integrate Remotion projects. The README defines the skill catalog and its intended uses; the tree confirms the skill-document paths. The sampled source mostly concerns repository synchronization and map-data preparation, so this graph follows documented capabilities rather than inferring runtime internals. The principal workflow is a request for a Remotion task, selection of relevant skill guidance, then authoring or operating a project.

Main entry points: [`skills/remotion-best-practices/SKILL.md`](https://github.com/remotion-dev/skills/blob/main/skills/remotion-best-practices/SKILL.md) (Best practices), [`skills/remotion-create/SKILL.md`](https://github.com/remotion-dev/skills/blob/main/skills/remotion-create/SKILL.md) (Create project), [`skills/remotion-markup/SKILL.md`](https://github.com/remotion-dev/skills/blob/main/skills/remotion-markup/SKILL.md) (Markup guidance), [`skills/remotion-maps/SKILL.md`](https://github.com/remotion-dev/skills/blob/main/skills/remotion-maps/SKILL.md) (Map animations)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_core["Skill entry points"]
  node_best["Best practices<br/>[SKILL.md]"]
end

subgraph group_authoring["Video authoring"]
  node_create["Create project<br/>[SKILL.md]"]
  node_markup["Markup guidance<br/>[SKILL.md]"]
  node_maps["Map animations<br/>[SKILL.md]"]
end

subgraph group_media["Media workflows"]
  node_captions["Captions<br/>[SKILL.md]"]
  node_multimedia["Multimedia<br/>[SKILL.md]"]
  node_studio["Studio preview<br/>[SKILL.md]"]
  node_render["Render output<br/>[SKILL.md]"]
end

subgraph group_integration["Project integrations"]
  node_saas["SaaS integration<br/>[SKILL.md]"]
  node_interactive["Interactivity<br/>[SKILL.md]"]
  node_docs["Documentation lookup<br/>[SKILL.md]"]
  node_upgrade["Upgrade packages<br/>[openai.yaml]"]
end

node_developer(("Developer or agent"))
node_project["Remotion project"]

node_developer -->|"requests guidance"| node_best
node_developer -->|"requests creation"| node_create
node_developer -->|"requests authoring"| node_markup
node_developer -->|"requests maps"| node_maps
node_developer -->|"requests captions"| node_captions
node_developer -->|"requests metadata"| node_multimedia
node_developer -->|"requests preview"| node_studio
node_developer -->|"requests render"| node_render
node_developer -->|"requests integration"| node_saas
node_developer -->|"requests editing"| node_interactive
node_developer -->|"requests lookup"| node_docs
node_developer -->|"requests upgrade"| node_upgrade
node_best -->|"covers"| node_create
node_best -->|"covers"| node_markup
node_best -->|"covers"| node_maps
node_create -->|"guides creation"| node_project
node_markup -->|"guides authoring"| node_project
node_maps -->|"guides mapping"| node_project
node_captions -->|"guides subtitles"| node_project
node_multimedia -->|"guides metadata"| node_project
node_studio -->|"guides preview"| node_project
node_render -->|"guides rendering"| node_project
node_saas -->|"guides integration"| node_project
node_interactive -->|"guides editing"| node_project
node_docs -->|"informs implementation"| node_project
node_upgrade -->|"guides upgrades"| node_project

click node_best "https://github.com/remotion-dev/skills/blob/main/skills/remotion-best-practices/SKILL.md"
click node_create "https://github.com/remotion-dev/skills/blob/main/skills/remotion-create/SKILL.md"
click node_markup "https://github.com/remotion-dev/skills/blob/main/skills/remotion-markup/SKILL.md"
click node_maps "https://github.com/remotion-dev/skills/blob/main/skills/remotion-maps/SKILL.md"
click node_captions "https://github.com/remotion-dev/skills/blob/main/skills/remotion-captions/SKILL.md"
click node_multimedia "https://github.com/remotion-dev/skills/blob/main/skills/remotion-multimedia/SKILL.md"
click node_studio "https://github.com/remotion-dev/skills/blob/main/skills/remotion-studio/SKILL.md"
click node_render "https://github.com/remotion-dev/skills/blob/main/skills/remotion-render/SKILL.md"
click node_saas "https://github.com/remotion-dev/skills/blob/main/skills/remotion-saas/SKILL.md"
click node_interactive "https://github.com/remotion-dev/skills/blob/main/skills/remotion-interactivity/SKILL.md"
click node_docs "https://github.com/remotion-dev/skills/blob/main/skills/remotion-docs/SKILL.md"
click node_upgrade "https://github.com/remotion-dev/skills/blob/main/skills/remotion-upgrade/agents/openai.yaml"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_best toneBlue
class node_create,node_markup,node_maps toneAmber
class node_captions,node_multimedia,node_studio,node_render toneMint
class node_saas,node_interactive,node_docs,node_upgrade toneRose
class node_developer,node_project toneIndigo
```

## Components

### Skill entry points

- [Best practices](https://github.com/remotion-dev/skills/blob/main/skills/remotion-best-practices/SKILL.md): `skills/remotion-best-practices/SKILL.md`

### Video authoring

- [Create project](https://github.com/remotion-dev/skills/blob/main/skills/remotion-create/SKILL.md): `skills/remotion-create/SKILL.md`
- [Markup guidance](https://github.com/remotion-dev/skills/blob/main/skills/remotion-markup/SKILL.md): `skills/remotion-markup/SKILL.md`
- [Map animations](https://github.com/remotion-dev/skills/blob/main/skills/remotion-maps/SKILL.md): `skills/remotion-maps/SKILL.md`

### Media workflows

- [Captions](https://github.com/remotion-dev/skills/blob/main/skills/remotion-captions/SKILL.md): `skills/remotion-captions/SKILL.md`
- [Multimedia](https://github.com/remotion-dev/skills/blob/main/skills/remotion-multimedia/SKILL.md): `skills/remotion-multimedia/SKILL.md`
- [Studio preview](https://github.com/remotion-dev/skills/blob/main/skills/remotion-studio/SKILL.md): `skills/remotion-studio/SKILL.md`
- [Render output](https://github.com/remotion-dev/skills/blob/main/skills/remotion-render/SKILL.md): `skills/remotion-render/SKILL.md`

### Project integrations

- [SaaS integration](https://github.com/remotion-dev/skills/blob/main/skills/remotion-saas/SKILL.md): `skills/remotion-saas/SKILL.md`
- [Interactivity](https://github.com/remotion-dev/skills/blob/main/skills/remotion-interactivity/SKILL.md): `skills/remotion-interactivity/SKILL.md`
- [Documentation lookup](https://github.com/remotion-dev/skills/blob/main/skills/remotion-docs/SKILL.md): `skills/remotion-docs/SKILL.md`
- [Upgrade packages](https://github.com/remotion-dev/skills/blob/main/skills/remotion-upgrade/agents/openai.yaml): `skills/remotion-upgrade/agents/openai.yaml`

### Other components

- **Developer or agent**
- **Remotion project**

## Connections

- Developer or agent → Best practices: requests guidance
- Developer or agent → Create project: requests creation
- Developer or agent → Markup guidance: requests authoring
- Developer or agent → Map animations: requests maps
- Developer or agent → Captions: requests captions
- Developer or agent → Multimedia: requests metadata
- Developer or agent → Studio preview: requests preview
- Developer or agent → Render output: requests render
- Developer or agent → SaaS integration: requests integration
- Developer or agent → Interactivity: requests editing
- Developer or agent → Documentation lookup: requests lookup
- Developer or agent → Upgrade packages: requests upgrade
- Best practices → Create project: covers
- Best practices → Markup guidance: covers
- Best practices → Map animations: covers
- Create project → Remotion project: guides creation
- Markup guidance → Remotion project: guides authoring
- Map animations → Remotion project: guides mapping
- Captions → Remotion project: guides subtitles
- Multimedia → Remotion project: guides metadata
- Studio preview → Remotion project: guides preview
- Render output → Remotion project: guides rendering
- SaaS integration → Remotion project: guides integration
- Interactivity → Remotion project: guides editing
- Documentation lookup → Remotion project: informs implementation
- Upgrade packages → Remotion project: guides upgrades