A

add-expert

by @remotion-devv
4.3(120)

この Skill は、Remotion のエキスパートページに新しいエキスパートを追加するプロセスを自動化します。画像アップロード、構造化データ入力(名前、ソーシャルリンク、説明など)、およびエキスパートカードの自動生成を処理し、コンテンツの一貫性を確保し、手動エラーを削減します。この Skill を使用することで、ユーザーはコードベースの詳細な知識なしにエキスパートリストを効率的に更新でき、コンテンツ公開とウェブサイトのメンテナンスを加速します。

content-managementautomationdocumentationwebsite-updateGitHub
インストール方法
npx skills add https://github.com/remotion-dev/remotion --skill add-expert
compare_arrows

Before / After 効果比較

1 组
使用前

この Skill がない場合、開発者はエキスパート画像を特定のディレクトリに手動でアップロードし、TSX ファイルを編集して構造化データを追加し、手動でコマンドを実行してエキスパートカードを生成する必要がありました。このプロセスは煩雑で、パスの間違いやデータ形式の不整合により問題が発生しやすく、多くの時間を費やしていました。

使用後

この Skill は、エキスパート情報入力プロセス全体を自動化します。開発者は必要な情報を提供するだけで、この Skill が画像の配置、データフォーマット、カード生成を自動的に処理し、手動操作と潜在的なエラーを大幅に削減し、効率と正確性を大幅に向上させます。

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 ])
  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").

ユーザーレビュー (0)

レビューを書く

効果
使いやすさ
ドキュメント
互換性

レビューなし

統計データ

インストール数2.4K
評価4.3 / 5.0
バージョン
更新日2026年10月17日
比較事例1 件

ユーザー評価

4.3(120)
5
37%
4
43%
3
13%
2
5%
1
2%

この Skill を評価

0.0

対応プラットフォーム

🤖claude-code

タイムライン

作成2026年6月13日
最終更新2026年10月17日
🎁 Agent 知識カード
アンケート