add-expert

★ 52,100

by remotion-dev · part of remotion-dev/remotion

Add a new expert to the Remotion experts page

🔥✓ VerifiedFreeQuick setup

🧰 Not standalone. This skill ships with remotion-dev/remotion and only works together with that tool — install the tool first, then add this skill.

Add a new expert to the Remotion experts page

Inspect the full instructions your agent will receiveExpand

This is the exact playbook injected into your agent when the skill activates — shown here so you can audit it before installing. You don't need to read it to use the skill.

name: add-expert description: Add a new expert to the Remotion experts page

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:

Copy & paste — that's it

{
    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:
Copy & paste — that's it
```
bun render-cards
```
This generates packages/docs/static/generated/experts-<slug>.png. Verify it says "Rendered experts-<slug>" (not "Existed").