Skills: Format JSX examples

[JonnyBurger]

Summary

• expand inline parent/child JSX in Remotion skill examples
• split long JSX props across lines
• keep the change limited to example layout

Validation

• bun run build
• bun run stylecheck

Closes #9870

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
bugs	Ready	Preview, Comment	Jul 29, 2026 10:20am

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
remotion	Skipped		Jul 29, 2026 10:20am

[pullfrog]

✅ No new issues found.

Reviewed changes — reformats JSX examples across agent skill markdown files by expanding inline JSX elements and splitting long props onto separate lines for readability.

• Expand inline <Component>{children}</Component> to multiline — in display-captions.md, import-srt-captions.md, compositions.md, google-fonts.md, html-in-canvas.md, images.md, local-fonts.md, measuring-dom-nodes.md, measuring-text.md, parameters.md
• Split multi-prop JSX elements across lines — in SKILL.md (remotion-markup), effects.md, embedding-videos.md, ffmpeg.md, gifs.md, lottie.md, sequencing.md, video-editing.md
• Move inline {/* comment */} to preceding // comment — in SKILL.md (remotion-markup), audio.md, embedding-videos.md, gifs.md
• Format CSS selector block in maptiler reference — expand inline <style> template literal in map-geo-prep.md
• Split long interpolate() call across lines — in remotion-interactivity SKILL.md

  ^{｜ View workflow run ｜ Using DeepSeek Pro (free via Pullfrog for OSS) (Claude Opus not used — the program covers this model; add its provider key to run your pick) ｜ 𝕏}