Skip to content
Recaply.
Sign inSubmit a tool

DirectorySkills

How a heat pump warms a house: the picture it made
Run 1How a heat pump warms a house“Make one picture for a blog post that explains how a heat pump warms a house.”
Runs in
  • Claude Code
  • Codex
  • Cursor
  • Gemini CLI
  • GitHub Copilot
  • OpenCode
Generates with
Your agent's modelFLUX.2 [dev]falFLUX.2 klein 9BCloudflare Workers AI
Tested with
Claude Code 2.1.319Claude Opus 5.53 real runs, 9 Nov
Needs
Node 20+ChromeA fal or Workers AI key
Licence
Recaply licence

Explainer Pictures

One finished picture that explains how something works, drawn with every word in real type.

1 view

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

Turns a process, an idea or a "how it works" topic into one finished explainer picture (PNG) for a post, lesson, slide or help page. Drawn pictures with every word set in real type, so spelling is always right. Six layouts (steps, cycle, grid, compare, timeline, labelled diagram) and four looks (field notes, chalkboard, blueprint, paper cut). Use when someone asks for an infographic, a diagram, a visual explainer, "a picture that explains X", or a labelled drawing of how something works.

By RecaplyUpdated 11 Nov

Install Explainer Pictures

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

Read https://recaply.co/skills/explainer-picture/install.md and follow it to install the explainer-picture skill from explainer-picture.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 Explainer Pictures is for

What you get

  • One PNG picture, about 3200 pixels wide
  • Drawings made for your topic, with labels set in real type
  • A note on the layout and look it chose

Good fit

  • Help pages and blog posts that explain a process
  • Lessons and slides
  • Labelled diagrams of how a thing is built

Not for

  • Charts of your own data
  • Photos of real products

About this skill

You say

Make one picture for a blog post that explains how a heat pump warms a house.

It said back

I've made the picture: a four-step loop showing how a heat pump warms a house.

File: explainer-heat-pump/explainer.png (3200×2200, 16:11)

Show more

What it did in run 1

  1. Loaded explainer-picture on its own
  2. Ran for v in FAL_KEY CLOUDFLARE_ACCOUNT_ID CLOUDFLARE_API_TOKEN …
  3. Checked which keys are set (names only) (2 times)
  4. Ran node -e 'for (const k of …
  5. Wrote explainer-heat-pump/plan.json2 KB
  6. Ran scripts/draw.mjs plan.json
  7. Looked at art/item-1.png
  8. Looked at art/item-2.png
  9. Looked at art/item-3.png
  10. Looked at art/item-4.png
  11. Looked at art/item-5.png
  12. Ran node -e ' const fs=require("fs");const …
  13. Looked at art/item-1.png
  14. Looked at art/item-4.png
  15. Ran scripts/compose.mjs plan.json
  16. Looked at explainer-heat-pump/explainer.png
  17. Ran node -e ' const fs=require("fs");const … (2 times)
  18. Looked for cycle|auto|grow|maxArt|artSize
  19. Read scripts/compose.mjs
  20. Looked at explainer-heat-pump/explainer.png
  21. Ran cp art/item-3.png art/c.png && cp art/item-4.png art/h.png && cp …
  22. Ran node -e ' const fs=require("fs"); …
  23. Ran node -e ' const fs=require("fs");const …
  24. Looked at explainer-heat-pump/explainer.png

9 Nov 2026 · Claude Code 2.1.319 with Claude Opus 5.5 · 2 min 5 s · $0.63 of API use

Run 2 · How refunds work

Make a picture for our help center that shows how refunds work: you ask for a refund in your account within 30 days, we confirm by email within a day, you send the item back with the free label, we check it when it arrives, and the money goes back to your card in 3 to 5 working days.

9 Nov 2026 · Claude Code 2.1.319 with Claude Opus 5.5 · 1 min 23 s · $0.42 of API use

Run 3 · A bicycle drivetrain, labelled

I need a labelled diagram of a bicycle drivetrain for a beginners' bike maintenance guide.

9 Nov 2026 · Claude Code 2.1.319 with Claude Opus 5.5 · 1 min 5 s · $0.37 of API use

Questions

Is Explainer Pictures free?

No. Explainer Pictures 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 Explainer Pictures?

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

What do I get when I buy Explainer Pictures?

A ZIP of the whole skill folder (36 KB): the SKILL.md your agent follows and its 19 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 Explainer Pictures?

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 ./explainer-picture with your agent's flag.

What do I get from Explainer Pictures?

One PNG picture, about 3200 pixels wide. Drawings made for your topic, with labels set in real type. A note on the layout and look it chose.

What does Explainer Pictures need?

Node 20+, Chrome and a fal or Workers AI key (it reads FAL_KEY). Each use costs About $0.01 to $0.06 a picture.

How big is Explainer Pictures?

20 files, about 19,431 tokens in all. The SKILL.md is about 1,848 tokens, and your agent reads it only when the job fits.

What does a run cost?

Our 3 runs took 1 min 5 s to 2 min 5 s and $0.37 to $0.63 of API use each, in Claude Code with Claude Opus 5.5. On a Claude plan, a run counts toward your usage instead.

Do I have to name Explainer Pictures to use it?

No. In our runs Claude Code saw the job fit and loaded Explainer Pictures on its own. Typing /explainer-picture first makes sure it loads.