Agent skill
add-expert
Add a new expert to the Remotion experts page
Stars
41,180
Forks
2,640
Install this agent skill to your Project
npx add-skill https://github.com/remotion-dev/remotion/tree/main/.claude/skills/add-expert
SKILL.md
Steps
-
Add the expert's photo to both:
packages/docs/static/img/freelancers/<firstname>.pngpackages/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
expertsarray inpackages/promo-pages/src/components/experts/experts-data.tsx: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> ), },sinceshould be set to today's dateslugmust be lowercase, hyphenated version of the name- Set unused social fields to
null - The entry goes at the end of the
expertsarray (before the closing])
-
Render the expert card by running in
packages/docs:bun render-cardsThis generates
packages/docs/static/generated/experts-<slug>.png. Verify it says "Rendered experts-<slug>" (not "Existed").
Didn't find tool you were looking for?