add-expert Skill | Agent Skills

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:

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

Agent Skills: add-expert

Install this agent skill to your local

Skill Files

Steps