skills.rest
hugotown
hugotownCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

add-expert

Adds a new expert entry to the Remotion experts page with photo and rendered card.

Updated Oct 16, 2025
Search Tags:#typescript#documentation#bun#remotion#profile#image rendering#experts page
One-click install
npx skills add https://github.com/hugotown/dotfiles --skill add-expert-hugotown
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: add-expert
Source: https://github.com/hugotown/dotfiles/tree/main/agents/skills/add-expert
Command: npx skills add https://github.com/hugotown/dotfiles --skill add-expert-hugotown

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Adding a new expert to the Remotion experts page involves several coordinated manual steps across multiple packages, and missing any one of them results in a broken or incomplete listing. ## Core Features & Use Cases - Photo Placement: Guides placing the expert's square PNG headshot in both the docs and promo-pages static image directories. - Data Entry: Provides the exact TypeScript object structure for appending an expert to the experts array in experts-data.tsx, including slug, social links, and description fields. - Card Rendering: Runs the bun render-cards command to generate the expert card image and verifies the output was newly rendered. - Use Case: When a new freelancer joins the Remotion experts program, use this Skill to add their photo, profile data, and rendered card in one consistent workflow. ## Quick Start Add Jane Doe as a new expert to the Remotion experts page with her photo, website, and GitHub profile.

Frequently Asked Questions about add-expert

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a new expert to the Remotion experts page?▼

Add the expert's square PNG headshot to both the docs and promo-pages freelancers image folders, append an entry to the experts array in experts-data.tsx, then run bun render-cards in packages/docs to generate the card image.

What fields are required for a Remotion expert entry?▼

Each entry needs a slug, name, image path, website, x, github, linkedin, email, videocall, since timestamp, and a JSX description. Unused social fields should be set to null, and since should be today's date.

What image format does the Remotion experts page use?▼

The expert photo must be a square PNG headshot named after the expert's first name. The identical file must be placed in both packages/docs/static/img/freelancers and packages/promo-pages/public/img/freelancers.

Why does the expert card not update after adding an entry?▼

The card image is generated by running bun render-cards in packages/docs. Verify the output says "Rendered experts-<slug>" rather than "Existed", which indicates the card was newly generated instead of skipped.

Related Skills

Explore More Software Engineering Skills→
remotion-devremotion-dev
57.9k

add-expert

Adds a new expert entry with photo and rendered card to the Remotion experts page.

Official
Basic
yaklangyaklang
1.6k

anti-debugging-techniques

Identify and bypass anti-debugging mechanisms in binaries and running processes.

Official
Advanced
atomicinnovationatomicinnovation
30

review-adr

Review ADR YAML frontmatter and enforce lifecycle status transitions.

Official
Advanced
zjunlpzjunlp
1.1k

scienceworld-circuit-connector

Connect electrical component terminals to build and modify circuits.

Official
Basic