Skip to content
Recaply.
Sign inSubmit a tool

DirectorySkills

Full size
Run 1Phone steps with a pointer“Show the steps to post a Friday update on app-screenshot.png in a phone frame with a tap ring, in talk.mp4. Everything I have is in this folder. If something is missing, use a plausible placeholder and tell me what you assumed.”
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

Phone Steps With a Pointer

A phone screenshot shows numbered steps, with a tap ring moving to each as they say it.

$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.

Adds a phone screenshot to a talking-head video with numbered steps: a tap ring moves from one step to the next as they say it, like a finger on the screen. Timed to the words they say, on their own footage, with their sound kept; 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 someone explains how to do something in a phone app, step by step, and wants viewers to see where to tap.

By RecaplyUpdated 11 Nov

Install Phone Steps With a Pointer

After the download, ask your agent to add it, or run the line yourself.

Read https://recaply.co/skills/phone-steps-overlay/install.md and follow it to install the phone-steps-overlay skill from phone-steps-overlay.zip.

Paste it into your agent. It reads our install steps, finds the ZIP you downloaded and adds the skill for you.

New to skills? How to install a skill

Similar skills

All 735 skills

Who Phone Steps With a Pointer is for

What you get

  • Your video with the overlay timed to the words, sound kept
  • Their phone screenshot sits in a phone frame
  • 16:9, 9:16, 1:1 or 4:5

Good fit

  • When someone explains how to do something in a phone app, step by step, and wants viewers to see where to tap

Not for

  • Footage with nobody speaking
  • Cutting or re-editing the video itself

About this skill

You say

Show the steps to post a Friday update on app-screenshot.png in a phone frame with a tap ring, in talk.mp4. Everything I have is in this folder. If something is missing, use a plausible placeholder and tell me what you assumed.

It said back

I rendered the video: talk-graphics.mp4 in this folder. It's 1920×1080 and 24.3 s, with the sound unchanged from talk.mp4.

What's on screen (11.2–15.9 s): the speaker slides to the right half. Your screenshot sits in a phone frame on the left, and a tap ring moves between two numbered steps.

1. "Friday update" lands on the Fri tab as she says "Written updates on Friday".

2. "One shared board" lands on the shopping-list card as she says "one shared board". It stays until "15-minute call".

Show more

What it did in run 1

  1. phone-steps-overlay
  2. ls -la
  3. S=.claude/skills/phone-steps-overlay/scripts && node $S/check.mjs; echo '{"video":"talk.mp4","transcript":"talk.json"}' > overlay.json && node $S/overlay.mjs overlay.json --words
  4. ./app-screenshot.png
  5. node .claude/skills/phone-steps-overlay/scripts/check.mjs; echo '{"video":"talk.mp4","transcript":"talk.json"}' > overlay.json && node .claude/skills/phone-steps-overlay/scripts/overlay.mjs overlay.json --words
  6. cat > overlay.json <<'E' {"video":"talk.mp4","transcript":"talk.json","look":"paper","face":[50,32], "beats":[{"beat":"shot","cue":"Written updates on Friday","image":"app-screenshot.png","frame":"phone","place":"side","steps":true, "callouts":[{"text":"Friday update","x":87,"y":10},{"text":"One shared board","x":50,"y":76}], "cues":["Written updates on Friday","one shared board"],"until":"15-minute call"}]} E S=.claude/skills/phone-steps-overlay/scripts/overlay.mjs; node $S overlay.json --face; node $S overlay.json --check
  7. ./overlay.json
  8. node .claude/skills/phone-steps-overlay/scripts/overlay.mjs overlay.json --face && node .claude/skills/phone-steps-overlay/scripts/overlay.mjs overlay.json --check
  9. ./face-check.png
  10. ./overlay-check.png
  11. sed -i '' 's/"x": 50, "y": 76/"x": 10, "y": 76/' overlay.json && node .claude/skills/phone-steps-overlay/scripts/overlay.mjs overlay.json --check
  12. ./overlay.json
  13. node .claude/skills/phone-steps-overlay/scripts/overlay.mjs overlay.json --check
  14. ./overlay-check.png
  15. node .claude/skills/phone-steps-overlay/scripts/overlay.mjs overlay.json 2>&1 | tail -5; ls -la *.mp4
  16. Done

10 Nov 2026 · Claude Code 2.1.322 with Claude Sonnet 5.5 · 1 min 44 s · $0.19 of API use

Questions

Is Phone Steps With a Pointer free?

No. Phone Steps With a Pointer 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 Phone Steps With a Pointer?

Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.

What do I get when I buy Phone Steps With a Pointer?

A ZIP of the whole skill folder (105 KB): the SKILL.md your agent follows and its 12 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 Phone Steps With a Pointer?

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 ./phone-steps-overlay with your agent's flag.

What do I get from Phone Steps With a Pointer?

Your video with the overlay timed to the words, sound kept. Their phone screenshot sits in a phone frame. 16:9, 9:16, 1:1 or 4:5.

What does Phone Steps With a Pointer need?

Node 22+, Chrome and ffmpeg, and no API key. Each use costs nothing beyond your agent.

How big is Phone Steps With a Pointer?

13 files, about 80,016 tokens in all. The SKILL.md is about 2,354 tokens, and your agent reads it only when the job fits.

What does a run cost?

Our 1 runs took 1 min 44 s to 1 min 44 s and $0.19 to $0.19 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 Phone Steps With a Pointer to use it?

Type /phone-steps-overlay first to make sure it loads. Without it, Claude Code may judge a small job simple enough to do without the skill.