Skip to content

DirectorySkills

Run 1Cards with trend lines“In talk.mp4 show meeting hours, people and updates as cards with trend lines.”
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, 9 Nov
Needs
Node 22+Chromeffmpeg
Licence
Recaply licence

Cards With Trend Lines

A row of number cards lands, each with a small trend line drawing inside it.

$9.99once, yours to keep

Adds a row of number cards to a talking-head video, each with a small trend line that draws inside it: a quick tour of a few metrics and where they are heading. 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 gives a short tour of a few metrics and how each is moving.

By RecaplyUpdated 11 Nov

Install Cards With Trend Lines

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

Read https://recaply.co/skills/trend-cards-overlay/install.md and follow it to install the trend-cards-overlay skill from trend-cards-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 Cards With Trend Lines is for

What you get

  • Your video with the overlay timed to the words, sound kept
  • Cards land one after another with a label, a figure that counts up and a small line showing its trend
  • 16:9, 9:16, 1:1 or 4:5

Good fit

  • When someone gives a short tour of a few metrics and how each is moving

Not for

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

About this skill

You say

In talk.mp4 show meeting hours, people and updates as cards with trend lines.

It said back

The cards video is saved as talk-graphics.mp4 in the work folder. It is 1920x1080, 24.3 s, 30 fps, and the sound is the original audio, unchanged.

The beat: one full-frame card row titled "Status meetings", running 4.9–17.6 s. The cards use the paper look, and each lands as it is named:

  • People: "12", "every Monday", cued on "12 people". Its line is flat.
  • Meeting hours: "600", "a year", cued on "600 hours". Its line is flat, then drops.
  • Updates: "Friday", "written, one board", cued on "Written updates". Its line rises.
Show more

What it did in run 1

  1. trend-cards-overlay
  2. ls; S=.claude/skills/trend-cards-overlay; node $S/scripts/check.mjs
  3. ls -la && node .claude/skills/trend-cards-overlay/scripts/check.mjs
  4. echo '{"video":"talk.mp4","transcript":"talk.json"}' > overlay.json && node .claude/skills/trend-cards-overlay/scripts/overlay.mjs overlay.json --words
  5. cat > overlay.json <<'E' {"video":"talk.mp4","transcript":"talk.json","look":"paper", "beats":[{"beat":"cards","cue":"12 people","place":"full","title":"Status meetings", "cards":[{"label":"People","value":"12","note":"every Monday","trend":[12,12,12,12]}, {"label":"Meeting hours","value":"600","note":"a year","trend":[600,600,600,360]}, {"label":"Updates","value":"Friday","note":"written, one board","trend":[1,1,2,3]}], "cues":["12 people","600 hours","Written updates"],"until":"stuck"}]} E S=.claude/skills/trend-cards-overlay/scripts/overlay.mjs; node $S overlay.json --face >/dev/null; node $S overlay.json --check
  6. ./overlay.json
  7. node .claude/skills/trend-cards-overlay/scripts/overlay.mjs overlay.json --check
  8. ./overlay-check.png
  9. node .claude/skills/trend-cards-overlay/scripts/overlay.mjs overlay.json 2>&1 | tail -5; ls -la *.mp4
  10. Done

9 Nov 2026 · Claude Code 2.1.322 with Claude Sonnet 5.5 · 1 min 33 s · $0.11 of API use

Questions

Is Cards With Trend Lines free?

No. Cards With Trend Lines 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 Cards With Trend Lines?

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

What do I get when I buy Cards With Trend Lines?

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 Cards With Trend Lines?

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

What do I get from Cards With Trend Lines?

Your video with the overlay timed to the words, sound kept. Cards land one after another with a label, a figure that counts up and a small line showing its trend. 16:9, 9:16, 1:1 or 4:5.

What does Cards With Trend Lines need?

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

How big is Cards With Trend Lines?

13 files, about 79,941 tokens in all. The SKILL.md is about 2,278 tokens, and your agent reads it only when the job fits.

What does a run cost?

Our 1 runs took 1 min 33 s to 1 min 33 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 Cards With Trend Lines to use it?

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