设计与多媒体

add-expert

remotion-dev/remotion

Add a new expert to the Remotion experts page

  • 2451 次安装
  • 6.9万 星标
  • 收录于

安装命令

npx skills add https://github.com/remotion-dev/remotion --skill add-expert

SKILL.md

Steps

  1. 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.

  2. 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 ])
  1. Render the expert card by running in packages/docs:

    bun render-cards
    

    This renders and uploads https://remotion.media/docs/generated/experts-<slug>.png using R2 credentials from the environment. Verify it says "Uploaded". For an existing card, pass --overwrite=experts-<slug>. Local generated PNGs are ignored and must stay out of Git.