@remotion/skills: Add video layout guidance

[samohovets]

Summary

• Add a Remotion skill rule for video-first layout, readable text sizing, safe areas, and preventing overlaps by construction.
• Link the rule from the main Remotion skill so agents load it when designing visual scenes, promos, motion graphics, or text-heavy videos.
• Add a simple vertical promo scenario to skills evals for testing text-heavy motion graphics output.

Closes #7256

Test plan

• Ran bunx oxfmt src --write for affected packages where applicable.
• Ran bunx oxfmt scenarios.ts --write for the skills eval scenario file.
• Ran diagnostics for the edited skill files.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
bugs	Ready	Preview, Comment	May 15, 2026 10:28am
remotion	Ready	Preview, Comment	May 15, 2026 10:28am

[pullfrog]

No new issues found.

TL;DR — Adds a video-layout.md skill rule that codifies video-first layout, safe areas, text sizing, and overlap-prevention guidance, links it from the main Remotion skill, and seeds a vertical-promo eval scenario to exercise it.

Key changes

• New video-layout rule — Adds guidance on framing, default scene structure, layout containers, text minimums, and a pre-render checklist.
• Wire-up from main SKILL.md — Inserts a one-line pointer under ## Designing a video so agents load the rule when composing visual scenes.
• Vertical-promo eval scenario — Replaces the empty scenarios array with a vertical-promo-text-motion scenario targeting text-heavy motion graphics.

_{Summary ｜ 3 files ｜ 2 commits ｜ base: main ← igor/layout-typography-skill}

Video-first layout guidance

Before: No prescriptive guidance on safe areas, default scene structure, or text sizing; agents tended to produce dashboard-like, dense frames with tiny text.
After: A dedicated rule with concrete pixel minimums for 1080px-wide compositions (84/44/32px), a "prevent overlap by construction" section steering away from manual absolute positioning, and a pre-render check list.

The rule is loaded on-demand via the pointer in SKILL.md, matching the existing pattern for sibling rules like text-animations.md and subtitles.md.

SKILL.md · rules/video-layout.md

First skills-eval scenario

Before: scenarios was an empty array — no eval coverage existed for the skill system.
After: A vertical-promo-text-motion scenario drives a 10-second FlowPilot promo with six required phrases, giving the new layout rule a concrete artifact to compare against per the plan in #7256.

scenarios.ts

  ^{｜ View workflow run ｜ Using Claude Opus ｜ 𝕏}