remotion-dev / html-in-canvas

What is actually here: source and rendered demo clips for six effects built with Remotion's <HtmlInCanvas> component — a magnifying glass, a CRT screen with scanlines and curvature, a vintage filter, a glowing bar chart, a "store peel" cube transition, and an article-highlight animation — each in its own folder under src/, plus a few additional experiments under src/Bonus/. The README even includes the exact prompt used to have an agent build the CRT example end to end, which is a more concrete guide to using html-in-canvas than the registered skill itself provides.

The skill doesn't teach the thing the repo is about. remotion-best-practices, the one skill on record here, is described only as "Best practices for Remotion - Video creation in React" — general Remotion guidance with no reference to HtmlInCanvas, canvas rendering, or any of the six named examples. Anyone installing this skill for html-in-canvas specifically will not get it from the skill; they will get it by reading this repository's own source folders.

READ THE FULL ANALYSIS＋

What it needs. Running the examples means a working Remotion project (npm i, then npm run dev to preview or npx remotion render to render), and Remotion's own license page notes that some entities need a paid company license — neither the demos nor the skill mention that requirement themselves.

Checked from the repository's README and its single registered skill; we did not open the six example source folders individually.