Strike Old, Write New — effect skill for headlines & callouts

For AI agents: find the right skill in one call — curl -s "https://varg.ai/how-to/api/search?q=<what the person wants>" returns the matching how-to page and the best skills with install commands, as markdown (Russian works too). Full index: https://varg.ai/how-to/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the how-to page.

A line strikes through the old way, then the new word takes its place.

What it does

Built on Strikethrough Replace by HeyGen (HyperFrames), Apache-2.0. The write-up and recipes below are varg's.

"12 months" gets a red line drawn across it and drops away; "2 weeks" lifts into the same spot in the accent color.

When: Frame the before/after promise: old cost vs new cost, old workflow vs new.

Watch out: Do not swap before the strike line finishes; the cross-out is the joke and needs ~0.3 s to land.

Timing: Strike 0.3–0.4 s, hold 0.2 s, old word out 0.25 s, new word in 0.4 s with slight overshoot (back.out(1.4)).

Also called: strikethrough replace, before/after words, correction

In HyperFrames

npx hyperframes add strikethrough-replace

Set the old/new strings in the block's variables: data-variable-values='{"from":"12 months","to":"2 weeks"}'.

In Remotion

// npx shadcn@latest add @remocn/strikethrough-replace
const strike = interpolate(frame,[0,10],[0,100],{extrapolateRight:'clamp'});

In CapCut

Text 1 (old) + a thin red line sticker keyframed Scale X 0→100% over 0.3 s; cut to Text 2 (new) with Animation → In: "Pop up".

Ready-made components

Where this comes from

Use when

Not for

Install

Example output

https://s3.varg.ai/how-to/previews/e45e42f54362/take-strike-and-replace.mp4 — The Strikethrough Replace component used as its header comment describes, with demo copy (credit: Rendered by varg · HyperFrames Strikethrough Replace, https://hyperframes.heygen.com/catalog/components/strikethrough-replace)

More headlines & callouts skills

Run the generation on varg

varg is one API key for the models these skills drive — Seedance 2.5, Kling 4, Veo 3.1, Wan 3, Nano Banana 2.1, GPT Image 2.5, ElevenLabs v4 and 200+ more — billed in credits, with a cost estimate before anything runs.