Home / heygen-com / hyperframes · registry/blocks/code-slice-hero/SKILL.md · GitHub

code-slice-hero skillA

code-slice-hero is agent-read markdown (skill) from heygen-com/hyperframes: A tiled headline surface flips cell by cell under a sweeping depth field to reveal the rear headline. HyperFrames block, 1920×1080, 8s, 18 variables..

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.

What the file says

# Code Slice Hero

A full square-tile surface carries one seamless headline. An imaginary cursor crosses the surface; nearby tiles respond to its Gaussian depth field with lift and tilt, and only the cells intersecting either headline silhouette turn over to reveal the rear headline. The whole grid is one instanced WebGL 2 draw with a shared front/rear texture pair, plus a batched projected-shadow pass. Copy, text size and square cell size are independent, so tiles never stretch. Sweep direction, easing strength, cursor radius, falloff, depth, bounce and shadow are all variables.

Composition id: `code-slice-hero`. Duration 8 s at 30 fps, 1920×1080.

## Files

- `code-slice-hero.html` (24 KB)
- `assets/Geist-Bold.ttf` (65 KB)
- `assets/Geist-OFL.txt` (4 KB)
- `assets/gsap-3.14.2.min.js` (128 KB)
- `assets/GSAP-NOTICE.txt` (1 KB)
- `shadows.js` (10 KB)
- `surface.js` (8 KB)

## Install

Install with `npx hyperframes add code-slice-hero`; by default the files above land under `compositions/code-slice-hero/`. Then mount the block from the host `index.html`:

```html
<div
  data-composition-id="code-slice-hero"
  data-composition-src="compositions/code-slice-hero/code-slice-hero.html"
…

Read the whole file at its exact version.

How to install

Latest version
mdr add heygen-com/hyperframes/code-slice-hero@git:20260919.f24ff83
Exact content
mdr add heygen-com/hyperframes/code-slice-hero@sha256:00cc6766b45b55cd

Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_hducz3nbnvfwxpfj.svg)](https://markdownregistry.com/a/art_hducz3nbnvfwxpfj)

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260919.f24ff83 latest2026-09-19 f24ff83 4,808 BA view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (4808 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

heygen-com/hyperframes · 52,820 stars · license Apache-2.0 · pushed 2026-09-24 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_hducz3nbnvfwxpfj
GET https://markdownregistry.com/api/v1/resolve?ref=heygen-com/hyperframes/code-slice-hero
GET https://markdownregistry.com/api/v1/blob/00cc6766b45b55cd92b33c30097bcc6cdff2235de1b6295c2be105162322dafc

Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

More from heygen-com/hyperframes

captions-overlay skill
heygen-com/hyperframes · .agents/skills/captions-overlay/SKILL.md · Overlay doctrine for the embedded-captions workflow — the caption MODEL (drop / rail / embed) and the rule that…
git:20260910.8820a01 · audit A · 52,820 stars
changelog-video skill
heygen-com/hyperframes · .agents/skills/changelog-video/SKILL.md · Turn a weekly changelog .md into a finished branded changelog video (square 1080, ~45-60s, Annie VO, animated brand…
git:20260914.e8cbf0c · audit A · 52,820 stars
cut-the-curve skill
heygen-com/hyperframes · .agents/skills/cut-the-curve/SKILL.md · The technique catalog: five velocity-matched SEAMS (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut…
git:20260910.8820a01 · audit A · 52,820 stars
motion-doctrine skill
heygen-com/hyperframes · .agents/skills/motion-doctrine/SKILL.md · GATEWAY — load FIRST before composing any HyperFrames animation or video. The high-level motion law that makes a…
git:20260910.8820a01 · audit A · 52,820 stars
oversized-cursor skill
heygen-com/hyperframes · .agents/skills/oversized-cursor/SKILL.md · House-style oversized macOS cursor technique for HyperFrames launch videos. Load whenever a scene involves cursors or a…
git:20260910.8820a01 · audit A · 52,820 stars
seam-craft skill
heygen-com/hyperframes · .agents/skills/seam-craft/SKILL.md · Render-correctness doctrine for scene-to-scene seams in HyperFrames launch videos — the prerequisites that make…
git:20260910.8820a01 · audit A · 52,820 stars
captions-overlay skill
heygen-com/hyperframes · .claude/skills/captions-overlay/SKILL.md · Overlay doctrine for the embedded-captions workflow — the caption MODEL (drop / rail / embed) and the rule that…
git:20260910.8820a01 · audit A · 52,820 stars
changelog-video skill
heygen-com/hyperframes · .claude/skills/changelog-video/SKILL.md · Turn a weekly changelog .md into a finished branded changelog video (square 1080, ~45-60s, Annie VO, animated brand…
git:20260914.e8cbf0c · audit A · 52,820 stars
cut-the-curve skill
heygen-com/hyperframes · .claude/skills/cut-the-curve/SKILL.md · The technique catalog: five velocity-matched SEAMS (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut…
git:20260910.8820a01 · audit A · 52,820 stars
motion-doctrine skill
heygen-com/hyperframes · .claude/skills/motion-doctrine/SKILL.md · GATEWAY — load FIRST before composing any HyperFrames animation or video. The high-level motion law that makes a…
git:20260910.8820a01 · audit A · 52,820 stars
oversized-cursor skill
heygen-com/hyperframes · .claude/skills/oversized-cursor/SKILL.md · House-style oversized macOS cursor technique for HyperFrames launch videos. Load whenever a scene involves cursors or a…
git:20260910.8820a01 · audit A · 52,820 stars
seam-craft skill
heygen-com/hyperframes · .claude/skills/seam-craft/SKILL.md · Render-correctness doctrine for scene-to-scene seams in HyperFrames launch videos — the prerequisites that make…
git:20260910.8820a01 · audit A · 52,820 stars

Every file in heygen-com/hyperframes

Browse by kind, by grade A, or by owner.