---
id: gh-add-expert
name: "add-expert"
url: https://skills.yangsir.net/skill/gh-add-expert
author: remotion-dev
domain: content-creation
tags: ["content-management", "automation", "documentation", "website-update"]
install_count: 2400
rating: 4.30 (120 reviews)
github: https://github.com/remotion-dev/remotion/tree/main/.agents/skills/add-expert
---

# add-expert

> 此技能能够自动化向 Remotion 专家页面添加新专家的流程。它处理图片上传、结构化数据录入（如姓名、社交链接、描述）以及专家卡片的自动生成，确保内容一致性并减少手动错误。通过此技能，用户可以高效地更新专家列表，无需深入了解代码库细节，从而加速内容发布和网站维护。

**Stats**: 2,400 installs · 4.3/5 (120 reviews)

## Before / After 对比

### 专家信息录入效率

**Before**:

在没有此技能之前，开发者需要手动上传专家图片到指定目录，编辑 TSX 文件以添加结构化数据，并手动运行命令生成专家卡片。这个过程繁琐且容易因路径错误或数据格式不一致而导致问题，耗费大量时间。

**After**:

此技能将整个专家信息录入流程自动化。开发者只需提供必要信息，该 Skill 即可自动处理图片放置、数据格式化和卡片生成，显著减少了手动操作和潜在错误，大幅提升了效率和准确性。

| Metric | Before | After | Change |
|---|---|---|---|
| 录入时间 | 30分钟 | 5分钟 | -83% |

## Readme

## 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`:

   ```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 `]`)

3. **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").


---
*Source: https://skills.yangsir.net/skill/gh-add-expert*
*Markdown mirror: https://skills.yangsir.net/api/skill/gh-add-expert/markdown*