Video
Dot to Logo Reveal
Dot that folds into your logo, as MP4
- Runs in
- Claude Code
- Codex
- Cursor
Gemini CLI
GitHub Copilot
OpenCode
- Generates with
- Your agent's model
- Tested with
- Claude Code 2.1.322Claude Sonnet 5.51 real run, 10 Nov
- Needs
- Node 22+Chromeffmpeg
- Licence
- Recaply licence
Live Widgets With Answer
Widgets come alive with counting numbers and charts, resolve under a headline, and a typed question gets a clear answer.
$9.99once, yours to keep
Every premium skill and prompt, one plan$19.99 a month. Cancel any time.
What you get when you buy
Payments are non-refundable. See our Terms of service.
Yours. Download it, then add it to your agent.
Makes a short launch-film scene as an MP4 clip: widgets come alive with counting numbers and charts, resolve under a headline, and a typed question gets a clear answer. It shows the person's own product, words, screenshots or pictures in real type and smooth motion (about 9 s), works alone as a social clip or as one scene in a longer launch film, at 16:9, 9:16, 1:1 or 4:5. Renders locally with Chrome and ffmpeg; no video model, no key and no cost. Use when a health, finance or dashboard app shows live numbers and answers questions about them, or when someone asks for a "live widgets with answer" animation, motion graphic or product clip.
By RecaplyUpdated 11 Nov
Similar skills
All 735 skills
Video
Video1 view, 0 downloads
Prompt Builds a Button
Typed ask that builds a button
Video
Hands-off Mode Switch
Switch from ask-first to full auto
Video
Ad Scan and Remake
Ads scanned, ranked and remade
Who Live Widgets With Answer is for
What you get
- An MP4 scene of about 9 s at 16:9, 9:16, 1:1 or 4:5
- Your product's words, screenshots and logo in real type
- Works alone or as one scene in a longer film
Good fit
- When a health, finance or dashboard app shows live numbers and answers questions about them
Not for
- A whole launch film in one go (use a launch film)
- Filmed footage or people on camera
About this skill
You say
Show a budget dashboard with Spent, Saved, Bills, Goal tiles and the question "Can I afford a trip in June?". About us: Budget app Tallyho. Everything I have is in this folder. If something is missing, use a plausible placeholder and tell me what you assumed.
It said back
The clip is rendered: out/tallyho-dashboard.mp4, 1920×1080 (16:9), 9.23 s, about 470 KB. It has no sound.
The four tiles count up and draw in: Spent with a sparkline, Saved with growing bars, Bills as a plain count, and Goal as a filling ring. The headline "Your money, at a glance" lands, then "Can I afford a trip in June?" is typed and answered. I checked a frame from the end of the clip and nothing overflows. I didn't watch the full video play.
Show more
What it did in run 1
- live-widgets-answer
- ls -la .
- cd .; cat logo.svg; ls .claude/skills/live-widgets-answer; node .claude/skills/live-widgets-answer/scripts/check.mjs
- cd .; mkdir -p out; cp logo.svg out/; cat > out/film.json <<'E' { "look": "studio", "size": "16:9", "accent": "#2E8B57", "name": "Tallyho", "logo": "logo.svg", "out": "tallyho-dashboard.mp4", "scenes": [ { "scene": "widgets", "tiles": [ { "label": "Spent", "value": "$2,140", "kind": "spark", "points": [5, 7, 6, 8, 7, 9], "note": "this month" }, { "label": "Saved", "value": "$860", "kind": "bars", "points": [3, 4, 4, 5, 6, 8] }, { "label": "Bills", "value": "$1,320", "kind": "count", "note": "due this month" }, { "label": "Goal", "value": "72%", "kind": "ring", "pct": 72, "note": "June trip" } ], "title": "Your money, at a glance", "ask": "Can I afford a trip in June?", "answer": "Yes. You're on track to save $1,400 by June." } ] } E node .claude/skills/live-widgets-answer/scripts/film.mjs out/film.json --check && node .claude/skills/live-widgets-answer/scripts/film.mjs out/film.json
- cd .; ls out; node .claude/skills/live-widgets-answer/scripts/film.mjs out/film.json --check
- ./out/film.json
- cd .; node .claude/skills/live-widgets-answer/scripts/film.mjs out/film.json --check
- ./out/film-check.png
- cd .; node .claude/skills/live-widgets-answer/scripts/film.mjs out/film.json; ls -la out
- Done
Questions
Is Live Widgets With Answer free?
No. Live Widgets With Answer costs $9.99 once and stays in your Recaply account, or it comes with the Recaply plan ($19.99 a month), which opens every premium skill and prompt.
Which agents can use Live Widgets With Answer?
Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.
What do I get when I buy Live Widgets With Answer?
A ZIP of the whole skill folder (50 KB): the SKILL.md your agent follows and its 11 other files, the references, templates and scripts it uses. You download it from this page whenever you need it, and install it in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. The Recaply plan opens it too, with every other premium skill and prompt.
How do I install Live Widgets With Answer?
Buy it, then download the ZIP from this page. For Claude Code, unzip it into .claude/skills/ in your project. For Codex, Cursor and Gemini CLI, unzip it and run npx skills add ./live-widgets-answer with your agent's flag.
What do I get from Live Widgets With Answer?
An MP4 scene of about 9 s at 16:9, 9:16, 1:1 or 4:5. Your product's words, screenshots and logo in real type. Works alone or as one scene in a longer film.
What does Live Widgets With Answer need?
Node 22+, Chrome and ffmpeg, and no API key. Each use costs nothing beyond your agent.
How big is Live Widgets With Answer?
12 files, about 31,901 tokens in all. The SKILL.md is about 2,087 tokens, and your agent reads it only when the job fits.
What does a run cost?
Our 1 runs took 49 s to 49 s and $0.11 to $0.11 of API use each, in Claude Code with claude-sonnet-5-5. On a Claude plan, a run counts toward your usage instead.
Do I have to name Live Widgets With Answer to use it?
Type /live-widgets-answer first to make sure it loads. Without it, Claude Code may judge a small job simple enough to do without the skill.