# canopy-part-title

> Claude/Codex skill by [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 53k stars · Updated 2026-09-26

Leaves sweep through the frame and part to reveal the headline. HyperFrames block, 1920×1080, 12s, 11 variables.

Tags: ai, animation, ffmpeg, framework, gsap, html, mcp, puppeteer, rendering, typescript, video

## Install

```sh
git clone https://github.com/heygen-com/hyperframes /tmp/hyperframes && ln -s /tmp/hyperframes/registry/blocks/canopy-part-title ~/.claude/skills/canopy-part-title
```

## From README

Canopy Part Title A dense canopy of textured leaves sweeps across the frame with shallow depth of field, then parts to uncover the first headline; a second, depth-lifted batch carries the second headline past the camera. A handful of leaves stay behind on the type and keep a light breeze. Font, weight, size, letter spacing, leaf counts, sweep speed and the retained-leaf breeze are variables. Composition id: canopy-part-title. Duration 12 s at 30 fps, 1920×1080. Files canopy-part-title.html (57 KB) assets/leaf-surface-color.webp (64 KB) assets/leaf-surface-normal.webp (136 KB) with npx hyperframes add canopy-part-title; by default the files above land under compositions/canopy-part-title/. Then mount the block from the host index.html: Render with custom values by targeting the composition file directly: Variables Read at runtime via window.hyperframes.getVariables(); declared on the composition root as data-composition-variables (single-quoted attribute, plain JSON).

## Links

- HTML page: https://omgskills.com/skills/heygen-com/hyperframes/canopy-part-title/
- GitHub: https://github.com/heygen-com/hyperframes
- Author: [@heygen-com](https://omgskills.com/library/heygen-com/index.md)

## More from this repo

- [product-launch-video](https://omgskills.com/skills/heygen-com/hyperframes/product-launch-video/index.md) — Turn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 53k stars
- [captions-overlay](https://omgskills.com/skills/heygen-com/hyperframes/captions-overlay/index.md) — Overlay doctrine for the embedded-captions workflow — the caption MODEL (drop / rail / embed) and the rule that...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 53k stars
- [faceless-explainer](https://omgskills.com/skills/heygen-com/hyperframes/faceless-explainer/index.md) — Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 53k stars