mcpField
A
add-expert

add-expert

github.com/remotion-dev营销与增长68.6k2.4k 次安装今天更新
代码仓库

关于 add-expert

用于在项目文档和推广页面中新增专家档案的 Skill，涵盖头像文件、专家数据和卡片生成。

主要功能

  1. 01将相同头像放入两个路径
  2. 02向 experts 数组末尾添加条目
  3. 03生成并确认专家卡片

适用场景

  1. 01发布新的专家档案
  2. 02为推广页面生成专家卡片

安装

复制下面的命令，在终端中运行。

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

安装后在 Claude Code 中输入/add-expert确认已加载。

详细介绍

步骤

  1. 添加专家照片到以下两个位置：

    • packages/docs/static/img/freelancers/<firstname>.png
    • packages/promo-pages/public/img/freelancers/<firstname>.png

    图片应为方形头像（PNG 格式）。两个路径中的文件必须相同。

  2. 在 packages/promo-pages/src/components/experts/experts-data.tsx 的 experts 数组中添加一项：

    {
    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 protected]' | 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 应设置为今天的日期
    • slug 必须是姓名的小写连字符版本
    • 未使用的社交字段设为 null
    • 将该项放在 experts 数组末尾（右方括号 ] 之前）

  3. 通过在 packages/docs 中运行以下命令来渲染专家卡片：

    bun render-cards

    这会生成 packages/docs/static/generated/experts-<slug>.png。请确认它显示的是 “Rendered experts-<slug>”（而不是 “Existed”）。

评论

支持 Markdown