How to install add-expert
npx skills add https://github.com/remotion-dev/remotion --skill add-expertFull instructions (SKILL.md)
Source of truth, from remotion-dev/remotion.
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>.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:{ 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").
Related skills
More from remotion-dev/remotion and the wider catalog.
web-renderer-test
Add a test case to the web renderer
writing-docs
Guides for writing and editing Remotion documentation. Use when adding docs pages, editing MDX files in packages/docs, or writing documentation content.
video-report
Generate a report about a video
docs-demo
Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.
add-sfx
Add a new sound effect to @remotion/sfx
make-pr
Open a pull request for the current feature