Tweet as Proof Card — effect skill for quotes & reviews

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 real post from a user animates in as a card: avatar, name, text, then counts tick up.

What it does

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

A clean X-style card floats over a blurred UI or gradient; text reveals at reading pace, likes and reposts count up last.

When: Right after a feature demo, as proof that real people already use it.

Watch out: Do not invent posts or edit the wording; use real posts with permission and keep the handle visible.

Timing: Card in 0.4 s (back.out 1.2), text at ~3 words/s, counts 0.8 s ease-out, hold 1.5 s after.

Also called: post card, X post overlay, social proof tweet

In HyperFrames

npx hyperframes add x-post

<div data-composition-id="x-post" data-composition-src="compositions/x-post.html"
  data-variable-values='{"name":"Ada","handle":"@ada","text":"This saved my week","likes":1240}'
  data-start="12" data-duration="5" data-track-index="2"></div>

In Remotion

// fetch once with react-tweet's getTweet(id), render the card yourself, animate:
const s = spring({frame, fps, config:{damping:14}});
<div style={{transform:`scale(${interpolate(s,[0,1],[0.9,1])})`, opacity:s}}><EmbeddedTweet tweet={data}/></div>

In CapCut

Screenshot the post, add as Overlay, Mask → Rectangle with round corners, Animation In "Zoom in" 0.4 s; add a soft shadow in Video → Basic.

Ready-made components

Where this comes from

Use when

Not for

Install

Example output

https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/x-post.mp4 — Preview of the X Post Card component that builds this take (credit: X Post Card · hyperframes, https://hyperframes.heygen.com/catalog/blocks/x-post)

More quotes & reviews 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.