Skip to content
Recaply.
Sign inSubmit a tool

DirectorySkills

Pencil explainers: explainer, made in this run
Run 1Pencil explainers“Make a hand-drawn explainer of how a bicycle gear works”
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.322Claude Opus 5.51 real run, 9 Nov
Needs
Node 20+ChromeA fal or Cloudflare Workers AI key
Licence
Recaply licence

Pencil Explainers

Explainers drawn in graphite pencil and fine ink, like pages from an inventor's sketchbook.

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

Makes hand-rendered pencil explainers as one finished PNG for a post, lesson, slide or poster: graphite pencil and fine ink drawings with soft shading on warm paper and classic serif labels. The drawings come from a picture model and every word is set in real type on top, so labels are always spelled right. Best as a flow of steps or a labelled object; other layouts work too. Needs a FAL_KEY or a Cloudflare Workers AI key; about $0.01 to $0.02 a drawing. Use when someone wants a hand-drawn or sketchbook-style explainer, a pencil illustration that explains how something works, or a classic engraving-like diagram.

By RecaplyUpdated 11 Nov

Install Pencil Explainers

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

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

What you get

  • One explainer picture, with every label set in real type
  • Drawn as graphite pencil and fine ink drawings with soft shading on warm paper and classic serif labels
  • Labels spelled exactly; the model never draws words

Good fit

  • Mechanisms
  • Crafts
  • History

Not for

  • Charts that must show exact data
  • Pictures of real people

About this skill

You say

Make a hand-drawn explainer of how a bicycle gear works

It said back

The explainer is finished: bike-gears/explainer.png (3200×1280).

It's titled "How bicycle gears trade force for speed" and runs left to right in five numbered steps:

Show more

What it did in run 1

  1. pencil-explainer
  2. node .claude/skills/pencil-explainer/scripts/check.mjs
  3. ./bike-gears/plan.json
  4. cd bike-gears && node ../.claude/skills/pencil-explainer/scripts/draw.mjs plan.json && ls art
  5. ./bike-gears/art/item-1.png
  6. ./bike-gears/art/item-2.png
  7. ./bike-gears/art/item-3.png
  8. ./bike-gears/art/item-4.png
  9. ./bike-gears/art/item-5.png
  10. python3 - <<'EOF' import json p=json.load(open('plan.json')) p['items'][2]['art']="side view of a large bicycle front chainring linked by a long chain loop to a much smaller rear sprocket, the rear sprocket clearly tiny" p['items'][3]['art']="side view of a small bicycle front chainring linked by a long chain loop to a much larger rear sprocket, the rear sprocket clearly big" json.dump(p,open('plan.json','w'),indent=2) EOF rm art/item-3.png art/item-4.png && node ../.claude/skills/pencil-explainer/scripts/draw.mjs plan.json
  11. ./bike-gears/plan.json
  12. ./bike-gears/plan.json
  13. node ../.claude/skills/pencil-explainer/scripts/draw.mjs plan.json --only item-3 && node ../.claude/skills/pencil-explainer/scripts/draw.mjs plan.json --only item-4
  14. ./bike-gears/art/item-3.png
  15. ./bike-gears/art/item-4.png
  16. ./bike-gears/plan.json
  17. node ../.claude/skills/pencil-explainer/scripts/draw.mjs plan.json --only item-4
  18. ./bike-gears/art/item-4.png
  19. node ../.claude/skills/pencil-explainer/scripts/compose.mjs plan.json
  20. ./bike-gears/explainer.png
  21. Done

9 Nov 2026 · Claude Code 2.1.322 with Claude Opus 5.5 · 1 min 28 s · $0.35 of API use

Questions

Is Pencil Explainers free?

No. Pencil Explainers 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 Pencil Explainers?

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

What do I get when I buy Pencil Explainers?

A ZIP of the whole skill folder (25 KB): the SKILL.md your agent follows and its 5 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 Pencil Explainers?

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

What do I get from Pencil Explainers?

One explainer picture, with every label set in real type. Drawn as graphite pencil and fine ink drawings with soft shading on warm paper and classic serif labels. Labels spelled exactly; the model never draws words.

What does Pencil Explainers need?

Node 20+, Chrome and a fal or Cloudflare Workers AI key (it reads FAL_KEY). Each use costs about $0.01 to $0.02 a drawing.

How big is Pencil Explainers?

6 files, about 15,158 tokens in all. The SKILL.md is about 2,127 tokens, and your agent reads it only when the job fits.

What does a run cost?

Our 1 runs took 1 min 28 s to 1 min 28 s and $0.35 to $0.35 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 Pencil Explainers to use it?

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