Form Fills Itself — effect skill for UI walkthroughs

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 cursor tabs through a short form; fields type, validate and the submit button resolves to success.

What it does

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

Clean card with labeled inputs; each field focuses with a ring, types at human cadence, gets a check; button goes loading → success.

When: Show how fast sign-up or setup is ("30 seconds to your first project").

Watch out: Do not type real-speed long emails; keep values short and speed typing up 2–3×.

Timing: Each field 0.6–1.0 s; button loading 0.4 s; success check 0.4 s.

Also called: signup flow, input typing, onboarding form

In HyperFrames

npx hyperframes add signup-flow

Pair with input-feedback for a shake on a wrong value before the correct one.

In Remotion

// npx shadcn@latest add @remocn/signup-flow
// or compose @remocn/input + @remocn/button with state = f(frame)

In CapCut

Record the real form; speed up typing segments 2–3× (Speed → Normal); add click SFX.

Ready-made components

Where this comes from

Use when

Not for

Install

Example output

https://s3.varg.ai/how-to/previews/f61de550d7bd/take-form-fills-itself.mp4 — The Signup Flow component used as its header comment describes, with demo copy (credit: Rendered by varg · HyperFrames Signup Flow, https://hyperframes.heygen.com/catalog/components/signup-flow)

More UI walkthroughs 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.