# Grade Split Reveal — primitive for filters & grades (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 `.md` to its path. Before generating anything, show the person the options on the use-case page.

The same picture twice, one flat and one finished, with a hard edge sweeping between them. It stops in the middle long enough to compare, then commits and the graded look takes the frame…

- **Install:** `npx hyperframes add grade-split-reveal`
- **Registry:** hyperframes · **Framework:** hyperframes · **License:** Apache-2.0
- **Docs and preview:** https://hyperframes.heygen.com/catalog/components/grade-split-reveal
- **Source:** https://github.com/heygen-com/hyperframes/tree/main/registry/components/grade-split-reveal
- **Runs:** local render, free
- **Aspect:** any

## Slots (what you fill in)

- `look` (enum) — Look
- `split` (number) — Split point
- `edge` (enum) — Edge
- `labels` (enum) — Labels

## Used in

- [Music video](https://skills.varg.ai/video/music-video.md)
- [Kinetic manifesto](https://skills.varg.ai/video/manifesto.md)
- [ASCII & retro looks](https://skills.varg.ai/video/ascii-retro.md)
- [Game trailer](https://skills.varg.ai/video/game-trailer.md)
- [Gameplay highlight & HUD](https://skills.varg.ai/video/game-overlay.md)

## More filters & grades

- [Chromatic Radial Split](https://skills.varg.ai/component/hf.chromatic-radial-split.md) — `npx hyperframes add chromatic-radial-split`
- [Glitch](https://skills.varg.ai/component/hf.glitch.md) — `npx hyperframes add glitch`
- [Hologram](https://skills.varg.ai/component/hf.hologram.md) — `npx hyperframes add hologram`
- [Motion Blur](https://skills.varg.ai/component/hf.motion-blur.md) — `npx hyperframes add motion-blur`
- [Hologram](https://skills.varg.ai/component/remocn.hologram.md) — `npx shadcn@latest add @remocn/hologram`
- [Line Boil](https://skills.varg.ai/component/remocn.line-boil.md) — `npx shadcn@latest add @remocn/line-boil`