Code Scroll To Line — block for code & terminal (hyperframes)
For AI agents: find the right skill in one call —
curl -s "https://skills.varg.ai/api/search?q=<what the person wants>"returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add.mdto its path. Before generating anything, show the person the options on the use-case page.
The camera scrolls a long file to bring a target line to center and spotlights it — for walking through real modules.
- Install:
npx hyperframes add code-scroll - Registry: hyperframes · Framework: hyperframes · License: Apache-2.0
- Docs and preview: https://hyperframes.heygen.com/catalog/blocks/code-scroll
- Source: https://github.com/heygen-com/hyperframes/tree/main/registry/blocks/code-scroll
- Example: https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/code-scroll.mp4
- Runs: local render, free
- Aspect: 16:9 · 6 s
Used in
- Changelog & release notes
- Pull request to video
- Code walkthrough
- CLI & terminal demo
- AI chat & agent demo
- API & docs explainer
- Live-coded music video
More code & terminal
- Code 3D Extrude —
npx hyperframes add code-3d-extrude - Code Diff —
npx hyperframes add code-diff - Code Highlight Sweep —
npx hyperframes add code-highlight - Code Morph —
npx hyperframes add code-morph - Code Particle Assemble —
npx hyperframes add code-particle-assemble - Code Shader Dissolve —
npx hyperframes add code-shader-dissolve