How do I install the Title Transition skill?

Run npx skillmds@latest add jperrello/title-transition in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Title Transition safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Title Transition?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Title Transition free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Title Transition?

jperrello (@jperrello) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Title Transition by jperrello — Agent Skill

Name: Title Transition
Author: jperrello

Title Transition

Animate the title as a COLD OPEN in the TOP banner over the live opening footage — no blocking center card — held until TITLE_SWAP (default 2.0s) so brand-overlays can hand off to the source citation in the same slot. Frame 1 stays content (a face mid-sentence) to protect the swipe-rate / "Stayed to Watch" signal. ONE animation for every short — the glitch style (RGB-split banner + scanline tear, style-matched zap/crackle SFX) — a PIL frame sequence anchored at TITLE_ANCHOR_FRAC (default 0.135).

jperrello 644bebc 4 files · 19.9 KB Updated Sep 17, 2026

File contents

title-transition

Animated COLD-OPEN title for a short. The title animates in the TOP banner zone OVER the live opening footage — never a blocking center card — so frame 1 stays content (a face mid-sentence), protecting the swipe-rate / "Stayed to Watch" signal. Every short uses the SAME animation — the glitch style — so there is no per-span style pick; the title text comes from generate-title (third-person, ≤7 words, ALL CAPS). The title holds until TITLE_SWAP and clears via its own fade-out, then brand-overlays fades the source citation into the same top slot (see that skill).

Invoke

.claude/skills/title-transition/title-transition.sh <input> <title> <out> [ignored] [dur=auto]

input: video path (designed for finished 9:16 shorts)
title: title text — rendered UPPERCASE, auto-wrapped to ≤2 lines
style: slam | typewriter | glitch | bounce | cinematic (unknown values warn and fall back to slam)
dur: title lifetime in seconds; auto uses TITLE_SWAP (default 2.0) so the title has fully cleared the top banner by the citation hand-off
env TITLE_SWAP (default 2.0) — hold / hand-off point, shared with brand-overlays + source-credit
env TITLE_ANCHOR_FRAC (default 0.135) — vertical center of the title block as a fraction of height (the top-banner zone). 0.5 restores the centered look for demos.

Styles

style	genre	animation
`slam`	hype / beast-style	punches from 2.6x to place, squash settle
`typewriter`	true crime / story	Courier chars type in, blinking block cursor
`glitch`	tech / AI	RGB-split flicker + slice displacement in, mid-hold re-hit, glitch out
`bounce`	comedy	words pop in one-by-one, elastic overshoot + wobble
`cinematic`	documentary	Didot serif tracks in from wide letter-spacing, sapphire rule draws out

The channel default is a SINGLE animation — glitch (RGB-split banner + scanline tear) — in the brand language: Sapphire Glow #2E6BFF accent word, black-stroked type, Platinum white (brand/BRAND.md). It carries a synced glitch SFX bed: sfx.py synthesizes (stdlib wave only, no assets) the channel's original glitch sound — stereo-panned digital zap bursts (sample-and-hold noise) + crackle, on the fixed event schedule (three intro zaps + an intro crackle, a mid-burst zap, an outro zap + crackle) timed to styles.py's glitch keyframes (no events.json; driven by dur) and mixed UNDER the live audio. It is bit-identical to the pre-retirement synth (same Random(7) draw order). TITLE_SFX=0 disables it; TITLE_SFX_GAIN (default 1.0 = original level) tunes presence. This is the animation's own sound, not a card stinger — and there is NO full-frame bg treatment (the old flash/shake/dim shook the live shot).

How

The local ffmpeg has no drawtext/libass, so styles.py renders the animation as a full-frame transparent PNG sequence (30fps), anchored at TITLE_ANCHOR_FRAC. title-transition.sh overlays it directly on the live footage (no bg treatment) and folds the synthesized glitch SFX (sfx.py) into the audio — via the fused compositor's audio.mix on the plan-only path, or an amix in the direct-encode fallback; TITLE_SFX=0 falls back to a plain audio stream-copy.

Output

mp4, same dimensions and duration as the input. Idempotent: <out>.ttmeta records title|style|dur|top<anchor>; cache hit requires out newer than input and a matching signature, so changing title, style, or anchor re-renders.

Demo all five styles on any clip: bash demos/title-styles/demo.sh <clip>.

---name: title-transitiondescription: Animate the title as a COLD OPEN in the TOP banner over the live opening footage — no blocking center card — held until TITLE_SWAP (default 2.0s) so brand-overlays can hand off to the source citation in the same slot. Frame 1 stays content (a face mid-sentence) to protect the swipe-rate / "Stayed to Watch" signal. ONE animation for every short — the glitch style (RGB-split banner + scanline tear, style-matched zap/crackle SFX) — a PIL frame sequence anchored at TITLE_ANCHOR_FRAC (default 0.135).---# title-transitionAnimated COLD-OPEN title for a short. The title animates in the TOP banner zoneOVER the live opening footage — never a blocking center card — so frame 1 stayscontent (a face mid-sentence), protecting the swipe-rate / "Stayed to Watch"signal. Every short uses the SAME animation — the `glitch` style — so there is noper-span style pick; the title text comes from `generate-title` (third-person,≤7 words, ALL CAPS). The title holdsuntil `TITLE_SWAP` and clears via its own fade-out, then `brand-overlays` fadesthe source citation into the same top slot (see that skill).## Invoke```.claude/skills/title-transition/title-transition.sh <input> <title> <out> [ignored] [dur=auto]```- `input`: video path (designed for finished 9:16 shorts)- `title`: title text — rendered UPPERCASE, auto-wrapped to ≤2 lines- `style`: `slam` | `typewriter` | `glitch` | `bounce` | `cinematic` (unknown values warn and fall back to `slam`)- `dur`: title lifetime in seconds; `auto` uses `TITLE_SWAP` (default 2.0) so the title has fully cleared the top banner by the citation hand-off- env `TITLE_SWAP` (default 2.0) — hold / hand-off point, shared with brand-overlays + source-credit- env `TITLE_ANCHOR_FRAC` (default 0.135) — vertical center of the title block as a fraction of height (the top-banner zone). 0.5 restores the centered look for demos.## Styles| style | genre | animation ||---|---|---|| `slam` | hype / beast-style | punches from 2.6x to place, squash settle || `typewriter` | true crime / story | Courier chars type in, blinking block cursor || `glitch` | tech / AI | RGB-split flicker + slice displacement in, mid-hold re-hit, glitch out || `bounce` | comedy | words pop in one-by-one, elastic overshoot + wobble || `cinematic` | documentary | Didot serif tracks in from wide letter-spacing, sapphire rule draws out |The channel default is a SINGLE animation — `glitch` (RGB-split banner +scanline tear) — in the brand language: Sapphire Glow `#2E6BFF` accent word,black-stroked type, Platinum white (`brand/BRAND.md`). It carries a syncedglitch SFX bed: `sfx.py` synthesizes (stdlib `wave` only, no assets) thechannel's original glitch sound — stereo-panned digital `zap` bursts(sample-and-hold noise) + `crackle`, on the fixed event schedule (three introzaps + an intro crackle, a mid-burst zap, an outro zap + crackle) timed to`styles.py`'s glitch keyframes (no `events.json`; driven by `dur`) and mixedUNDER the live audio. It is bit-identical to the pre-retirement synth (same`Random(7)` draw order). `TITLE_SFX=0` disables it; `TITLE_SFX_GAIN` (default1.0 = original level) tunes presence.This is the animation's own sound, not a card stinger — and there is NOfull-frame bg treatment (the old flash/shake/dim shook the live shot).## HowThe local ffmpeg has no drawtext/libass, so `styles.py` renders the animationas a full-frame transparent PNG sequence (30fps), anchored at`TITLE_ANCHOR_FRAC`. `title-transition.sh` overlays it directly on the livefootage (no bg treatment) and folds the synthesized glitch SFX (`sfx.py`) intothe audio — via the fused compositor's `audio.mix` on the plan-only path, or anamix in the direct-encode fallback; `TITLE_SFX=0` falls back to a plain audiostream-copy.## Outputmp4, same dimensions and duration as the input. Idempotent: `<out>.ttmeta`records `title|style|dur|top<anchor>`; cache hit requires `out` newer than`input` and a matching signature, so changing title, style, or anchorre-renders.Demo all five styles on any clip: `bash demos/title-styles/demo.sh <clip>`.

Frequently asked questions