Agent skill · remotion-dev
experts
Maintain Remotion's experts directory and its generated assets. Use when adding, removing, or editing experts; changing experts data or portraits; rendering expert cards; or regenerating the homepage experts animation for Chrome and Safari.
What it needs
About 1k tokens when loaded.
What this skill does
Experts How to update the videos Regenerate the homepage experts animation whenever the experts shown by packages/promo-pages/src/components/experts/experts-data.tsx change. The ExpertsGraphic composition imports this array directly. 1. Render a fresh transparent ProRes 4444 master from the current branch. Never convert an existing WebM or MOV. 2. Verify the master reports prores (4444), a yuva... pixel format, and 1080x1080. Extract an alpha frame and confirm it is not fully opaque. 3. Encode the transparent 540x540 Chrome WebM. 4. Encode a 540x540 ProRes intermediate and convert it to the Safari HEVC-with-alpha MP4. 5. Copy both outputs to both homepage consumers. 6. Inspect all four files. Each must be 540x540 and 60 seconds long. The Safari MP4 must report majorbrand: mp42, compatiblebrands: isommp41mp42, Video: hevc (Main) (hvc1), and handlername: Core Media Video. Confirm the matching docs and promo-pages files have identical checksums. Do not commit either ProRes MOV. Only commit the two WebM copies and two MP4 copies. Expert data The source of truth is packages/promo-pages/src/components/experts/experts-data.tsx. Keep portraits in both packages/docs/static/img/freelancers and packages/promo-pages/public/img/freelancers, with identical contents. After adding or changing an expert, render their expert card from packages/docs: Verify the expected packages/docs/static/generated/experts-<slug>.png was rendered rather than reported as already existing.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills remotion-dev/experts