remotion-dev/remotion

add-expert

Add a new expert to the Remotion experts page

Ver código-fonte
Documento original do Skill

Renderizado do repositório de origem, preservando títulos, exemplos, código, tabelas, links e imagens.

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.

  1. Add an entry to the experts array in packages/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>
       ),
   },
  • 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 generates packages/docs/static/generated/experts-<slug>.png. Verify it says "Rendered experts-\<slug\>" (not "Existed").

do mesmo repositório

Mais Skills

Todos os Skills