What kind of photo does the expert need?

A square headshot in PNG format. The same file must be placed in both freelancer image folders.

Where does the new entry go in the experts array?

At the end of the experts array, before the closing bracket.

How should the slug be formatted?

The slug must be a lowercase, hyphenated version of the expert's name.

What should unused social fields be set to?

Set unused social fields to null.

add-expert

SkillDev tools

The add-expert skill is a dev-tools skill that lets an AI agent add a new expert listing to the Remotion experts page. The agent places the expert's square headshot photo in two image folders, appends an entry with name, links, and a short description to the experts data file, and then renders the expert's card image. It is used when a new freelancer or expert needs to appear on that page.

Use add-expert in Claude, ChatGPT or Ahel Desktop

Free. Sign in, add add-expert and connect your AI. About a minute.

Claude ChatGPT Ahel Desktop

Also: Claude Code · Cursor · Codex

Then ask your AI: use the add-expert skill

Details

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.

No other account needed.

Have the expert's square headshot ready as a PNG file.

add-expertStart free

What your AI can do with it

Add an expert's square headshot PNG to both freelancer image folders
Append an entry to the experts array in experts-data.tsx
Set slug, name, image, website, x, github, linkedin, email, videocall, and since fields
Set unused social fields to null
Run bun render-cards in packages/docs to generate the expert card image
Verify the render output says Rendered experts-<slug>

Getting started

Have the expert's square headshot ready as a PNG file.
Add the same PNG to packages/docs/static/img/freelancers/<firstname>.png and packages/promo-pages/public/img/freelancers/<firstname>.png.
Append an entry to the experts array in packages/promo-pages/src/components/experts/experts-data.tsx with the expert's details, setting since to today's date and unused social fields to null.
Run bun render-cards in packages/docs.
Check that the output says Rendered experts-<slug> and not Existed.

What this skill tells your AI

The instructions your AI receives, as published by remotion-dev/remotion in .agents/skills/add-expert/SKILL.md and read by ahel’s review.

Steps

Add the expert's photo to both:
- packages/docs/static/img/freelancers/<firstname>.png
- packages/promo-pages/public/img/freelancers/<firstname>.png
The image should be a square headshot (PNG format). Both paths must have the same file.

Add an entry to the experts array in packages/promo-pages/src/components/experts/experts-data.tsx:

{
    slug: 'firstname-lastname',
    name: 'First Last',
    image: '/img/freelancers/<firstname>.png',
    website: 'https://example.com' | null,
    x: 'twitter_handle' | null,
    github: 'github_username' | null,
    linkedin: 'in/linkedin-slug/' | null,
    email: 'email@example.com' | null,
    videocall: 'https://cal.com/...' | null,
    since: new Date('YYYY-MM-DD').getTime(),
    description: (
        <div>
            A short description of the expert's work and specialties.
            Links to projects can be included with <a> tags.
        </div>
    ),
},

since should be set to today's date
slug must be lowercase, hyphenated version of the name
Set unused social fields to null
The entry goes at the end of the experts array (before the closing ])

Render the expert card by running in packages/docs:
```
bun render-cards
```
This generates packages/docs/static/generated/experts-<slug>.png. Verify it says "Rendered experts-<slug>" (not "Existed").

Signals

GitHub stars: 61k
Forks: 5k
Last commit: Sep 2026

Others that do the same job

add-expert
Skill · moizibnyousaf

Questions

What kind of photo does the expert need?: A square headshot in PNG format. The same file must be placed in both freelancer image folders.
Where does the new entry go in the experts array?: At the end of the experts array, before the closing bracket.
How should the slug be formatted?: The slug must be a lowercase, hyphenated version of the expert's name.
What should unused social fields be set to?: Set unused social fields to null.

Advanced

Item type: skill
Key: add-expert-remotion-dev
Source: github.com/remotion-dev/remotion

github.com/remotion-dev/remotion

Featured in

Best Claude skills for github · Best Claude skills for remotion · All best lists