Code Highlight Sweep — 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.
A highlight band sweeps across a target line while the surrounding context dims — draws the eye to one line.
- Install:
npx hyperframes add code-highlight - Registry: hyperframes · Framework: hyperframes · License: Apache-2.0
- Docs and preview: https://hyperframes.heygen.com/catalog/blocks/code-highlight
- Source: https://github.com/heygen-com/hyperframes/tree/main/registry/blocks/code-highlight
- Example: https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/code-highlight.mp4
- Runs: local render, free
- Aspect: 16:9 · 5 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 Morph —
npx hyperframes add code-morph - Code Particle Assemble —
npx hyperframes add code-particle-assemble - Code Scroll To Line —
npx hyperframes add code-scroll - Code Shader Dissolve —
npx hyperframes add code-shader-dissolve