Skip to content
Recaply.
Sign inSubmit a tool

DirectorySkills

History timelines: explainer, made in this run
Run 1History timelines“Make a timeline of our company history”
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

History Timelines

Dated events along a line with a drawing for each, in the look of an old school wall chart.

$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 history timeline infographics as one finished PNG for a post, lesson, slide or poster: a 1950s educational wall chart with lithograph line work in brick red, mustard and teal on cream. 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 timeline of 4 to 7 dated events; 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 timeline infographic, a history timeline, a company milestones picture, or "the story of" something in dated steps.

By RecaplyUpdated 11 Nov

Install History Timelines

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

Read https://recaply.co/skills/history-timeline-infographic/install.md and follow it to install the history-timeline-infographic skill from history-timeline-infographic.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 History Timelines is for

What you get

  • One explainer picture, with every label set in real type
  • Drawn as a 1950s educational wall chart with lithograph line work in brick red, mustard and teal on cream
  • Labels spelled exactly; the model never draws words

Good fit

  • History lessons
  • Company milestones
  • "the story of" posts

Not for

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

About this skill

You say

Make a timeline of our company history

It said back

I've made the timeline of your company history: timeline/explainer.png (3600×2220).

It's a horizontal timeline covering the five milestones in history.md, in your order and wording:

Show more

What it did in run 1

  1. history-timeline-infographic
  2. ls -la; ls -R | head -50
  3. ./history.md
  4. node .claude/skills/history-timeline-infographic/scripts/check.mjs
  5. ./timeline/plan.json
  6. cd timeline && node ../.claude/skills/history-timeline-infographic/scripts/draw.mjs plan.json && ls art
  7. ./timeline/art/item-1.png
  8. ./timeline/art/item-2.png
  9. ./timeline/art/item-3.png
  10. ./timeline/art/item-4.png
  11. ./timeline/art/item-5.png
  12. python3 - <<'EOF' import json p=json.load(open('plan.json')) p['items'][0]['art']="a small open garage seen from outside with a wooden workbench, desk lamp and laptop inside, standing alone with no frame, border or background" p['items'][4]['art']="a tall silver trophy cup on a grassy hilltop surrounded by a crowd of tiny people, standing alone with no frame, border or background" json.dump(p,open('plan.json','w'),indent=2) EOF S=../.claude/skills/history-timeline-infographic/scripts node $S/draw.mjs plan.json --only item-1 && node $S/draw.mjs plan.json --only item-5
  13. python3 - <<'EOF' import json p=json.load(open('plan.json')) p['items'][0]['art']="a small open garage seen from outside with a wooden workbench, desk lamp and laptop inside, standing alone with no frame, border or background" p['items'][4]['art']="a tall silver trophy cup on a grassy hilltop surrounded by a crowd of tiny people, standing alone with no frame, border or background" json.dump(p,open('plan.json','w'),indent=2) EOF node ../.claude/skills/history-timeline-infographic/scripts/draw.mjs plan.json --only item-1 && node ../.claude/skills/history-timeline-infographic/scripts/draw.mjs plan.json --only item-5
  14. ./timeline/plan.json
  15. ./timeline/plan.json
  16. node ../.claude/skills/history-timeline-infographic/scripts/draw.mjs plan.json --only item-1
  17. node ../.claude/skills/history-timeline-infographic/scripts/draw.mjs plan.json --only item-5
  18. ./timeline/art/item-1.png
  19. ./timeline/art/item-5.png
  20. ./timeline/plan.json
  21. ./timeline/plan.json
  22. node ../.claude/skills/history-timeline-infographic/scripts/draw.mjs plan.json --only item-1
  23. node ../.claude/skills/history-timeline-infographic/scripts/draw.mjs plan.json --only item-5
  24. ./timeline/art/item-1.png
  25. ./timeline/art/item-5.png
  26. ./timeline/plan.json
  27. node ../.claude/skills/history-timeline-infographic/scripts/draw.mjs plan.json --only item-1
  28. ./timeline/art/item-1.png
  29. node ../.claude/skills/history-timeline-infographic/scripts/compose.mjs plan.json
  30. ./timeline/explainer.png
  31. Done

9 Nov 2026 · Claude Code 2.1.322 with Claude Opus 5.5 · 2 min 44 s · $0.46 of API use

Questions

Is History Timelines free?

No. History Timelines 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 History Timelines?

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

What do I get when I buy History Timelines?

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 History Timelines?

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 ./history-timeline-infographic with your agent's flag.

What do I get from History Timelines?

One explainer picture, with every label set in real type. Drawn as a 1950s educational wall chart with lithograph line work in brick red, mustard and teal on cream. Labels spelled exactly; the model never draws words.

What does History Timelines 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 History Timelines?

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

What does a run cost?

Our 1 runs took 2 min 44 s to 2 min 44 s and $0.46 to $0.46 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 History Timelines to use it?

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