← All skills
transition-craft
85 / 100 · Low risk
Fine to try.
By vargHQ/skills (GitHub) · media · 25 stars · scanned at commit 72e8109
Six transitions with exact presets and the editing rules behind them: photo collage burst, Droste recursive zoom into a screen, impact tile-flip mosaic, bokeh light-spot transition, 3D photo cloud gallery and a camera-shake distort cut. Presets give the core length in frames, where the peak lands on the beat, log-space zooms, shake amplitude, frequency and decay, motion-blur shutter angle, bokeh sizes, tile counts and stagger, from Walter Murch, Dan Ebberts' decaying-sine expression, Boris FX, …
Works with any agent that supports SKILL.md skills.
What this skill can do
Downloads and installs other software
The author does not mention this.
Found in 21 places.
Show 17 more
- transition-craft/examples/demo/README.md, line 63
npx --yes hyperframes@0.8.206 preview # Studio preview - transition-craft/examples/demo/README.md, line 64
npx --yes hyperframes@0.8.206 render --fps 30 --crf 20 --output transition-craft.mp4 - transition-craft/examples/demo/package.json, line 6
"dev": "npx --yes hyperframes@0.8.206 preview", - transition-craft/examples/demo/package.json, line 7
"check": "npx --yes hyperframes@0.8.206 check", - transition-craft/examples/demo/package.json, line 8
"render": "npx --yes hyperframes@0.8.206 render", - transition-craft/examples/demo/package.json, line 9
"publish": "npx --yes hyperframes@0.8.206 publish" - transition-craft/references/bokeh-light-spot.md, line 52
`transitions-light` for the flash variant. `npx hyperframes add focus-blur-resolve transitions-light`. - transition-craft/references/photo-cloud-gallery.md, line 46
and `ui-3d-reveal` for CSS-3D versions. `npx hyperframes add gallery-tunnel`. - transition-craft/references/photo-collage-burst.md, line 56
`npx hyperframes add paper-collage-reveal motion-blur`. - transition-craft/references/shake-distort-cut.md, line 51
`npx hyperframes add camera-shake motion-blur transitions-distortion`. - README.md, line 19
npx skills add vargHQ/skills # pick skills and agents - README.md, line 20
npx skills add vargHQ/skills --skill caption-styles -a codex # one skill, one agent - README.md, line 283
| Any agent (Claude Code, Codex, Cursor, Grok, Gemini CLI, Copilot, OpenCode and 60+ more) | `npx skills add vargHQ/skills` or one skill: `npx skills add vargHQ - README.md, line 297
- **Update skills installed with the skills CLI:** `npx skills update`. - README.md, line 298
- **Pick agents and scope:** `npx skills add vargHQ/skills --skill varg-ai -a claude-code -a codex -g -y` (`-g` global, `-y` no prompts, `--list` to see every s - README.md, line 299
- **OpenCode:** `npx skills add vargHQ/skills -a opencode -g`, or copy one skill folder to `~/.config/opencode/skills/<skill>/`. - how-to/claude-code-motion-graphics/README.md, line 14
npx skills add vargHQ/skills --skill kinetic-type-art --skill title-design --skill transition-craft --skill social-overlays --skill paper-shaders --skill motion
and 1 more places
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'transition-craft' ] || [ -L ~/.agents/skills/'transition-craft' ]; then echo 'A skill folder named transition-craft already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/vargHQ/skills' "$d" && git -C "$d" checkout --quiet '72e8109188e3366ba8d365902a84d6b237dec1d7' -- 'transition-craft' && mkdir -p ~/.agents/skills && cp -R "$d"/'transition-craft' ~/.agents/skills/'transition-craft' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'transition-craft' ~/.claude/skills/'transition-craft' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
The badge for vargHQ/skills shows the score of its lowest-scoring skill.

[](https://zalavijaysinh.github.io/skilltrust/repos/vargHQ/skills/)
Score history
| Date | Version | Score |
|---|
| 2026-11-07 | 72e8109 | 100 |