Skip to content
Recaply.
Sign inSubmit a tool

DirectorySkills

Body mechanism diagrams: explainer, made in this run
Run 1Body mechanism diagrams“Make an explainer of how sunscreen protects skin”
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

Body Mechanism Diagrams

How-the-body-works pictures in a calm medical illustration style, step by step or as a labelled cross-section.

$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 body mechanism explainers as one finished PNG for a post, lesson, slide or poster: soft medical illustration in pinks, peach and blue with calm clinical type. 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 what happens in the body, or a labelled cross-section; 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 medical or anatomy-style explainer, a picture of how skin, muscles or organs work, or a patient-friendly diagram.

By RecaplyUpdated 11 Nov

Install Body Mechanism Diagrams

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

Read https://recaply.co/skills/body-mechanism-diagram/install.md and follow it to install the body-mechanism-diagram skill from body-mechanism-diagram.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 Body Mechanism Diagrams is for

What you get

  • One explainer picture, with every label set in real type
  • Drawn as soft medical illustration in pinks, peach and blue with calm clinical type
  • Labels spelled exactly; the model never draws words

Good fit

  • Skin care
  • Health education
  • Clinics

Not for

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

About this skill

You say

Make an explainer of how sunscreen protects skin

It said back

The sunscreen explainer is finished and saved as sunscreen/explainer.png (3200×1500). I read the finished image through: every word is spelled right, nothing overlaps, and each drawing matches its step.

Layout: it's a four-step flow, because sunscreen protection is a sequence:

1. UV rays arrive. UVB burns the surface; UVA reaches deeper and ages skin.

2. Filters catch UV. Filter molecules in the film absorb UV and release it as a little heat.

3. Cells stay protected. Less UV reaches the cells, so there's less DNA damage, redness and burning.

4. Reapply often. Sweat, water and towels wear the film away; reapply about every two hours.

Show more

What it did in run 1

  1. body-mechanism-diagram
  2. node .claude/skills/body-mechanism-diagram/scripts/check.mjs
  3. mkdir -p sunscreen && cat > sunscreen/plan.json <<'EOF' { "look": "medical", "layout": "flow", "size": [1600, "auto"], "title": "How sunscreen shields your skin", "subtitle": "A thin film of UV filters stops most sunlight damage before it reaches living cells.", "items": [ { "label": "UV rays arrive", "note": "UVB burns the surface; UVA reaches deeper and ages skin.", "art": "soft rays of sunlight shining down onto a close-up cross-section of pink skin layers" }, { "label": "Filters catch UV", "note": "Filter molecules in the film absorb UV and release it as a little heat.", "art": "a thin glossy cream layer on top of pink skin with sun rays fading as they enter it" }, { "label": "Cells stay protected", "note": "Less UV reaches the cells, so less DNA damage, redness and burning.", "art": "a calm close-up of healthy round pink skin cells with intact nuclei beneath a protective layer" }, { "label": "Reapply often", "note": "Sweat, water and towels wear the film away; reapply about every two hours.", "art": "a hand gently spreading white sunscreen cream on a shoulder, no bottle label" } ], "footer": "Use broad-spectrum sunscreen. General explainer, not medical advice." } EOF node .claude/skills/body-mechanism-diagram/scripts/draw.mjs sunscreen/plan.json
  4. ./sunscreen/plan.json
  5. node .claude/skills/body-mechanism-diagram/scripts/draw.mjs sunscreen/plan.json
  6. ./sunscreen/art/item-1.png
  7. ./sunscreen/art/item-2.png
  8. ./sunscreen/art/item-3.png
  9. ./sunscreen/art/item-4.png
  10. cd sunscreen && python3 - <<'EOF' import json p=json.load(open('plan.json')) p['items'][2]['art']="a close-up cross-section of healthy round pink skin cells with intact nuclei lying safely beneath a smooth cream-coloured protective layer" p['items'][3]['art']="a cross-section of pink skin with a thin cream layer on top, water droplets washing part of the cream layer away" json.dump(p,open('plan.json','w'),indent=2) EOF node ../.claude/skills/body-mechanism-diagram/scripts/draw.mjs plan.json --only item-3 && node ../.claude/skills/body-mechanism-diagram/scripts/draw.mjs plan.json --only item-4
  11. ./sunscreen/plan.json
  12. ./sunscreen/plan.json
  13. node .claude/skills/body-mechanism-diagram/scripts/draw.mjs sunscreen/plan.json --only item-3; node .claude/skills/body-mechanism-diagram/scripts/draw.mjs sunscreen/plan.json --only item-4
  14. ./sunscreen/art/item-3.png
  15. ./sunscreen/art/item-4.png
  16. node .claude/skills/body-mechanism-diagram/scripts/compose.mjs sunscreen/plan.json
  17. ./sunscreen/explainer.png
  18. Done

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

Questions

Is Body Mechanism Diagrams free?

No. Body Mechanism Diagrams 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 Body Mechanism Diagrams?

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

What do I get when I buy Body Mechanism Diagrams?

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 Body Mechanism Diagrams?

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 ./body-mechanism-diagram with your agent's flag.

What do I get from Body Mechanism Diagrams?

One explainer picture, with every label set in real type. Drawn as soft medical illustration in pinks, peach and blue with calm clinical type. Labels spelled exactly; the model never draws words.

What does Body Mechanism Diagrams 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 Body Mechanism Diagrams?

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

What does a run cost?

Our 1 runs took 1 min 15 s to 1 min 15 s and $0.33 to $0.33 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 Body Mechanism Diagrams to use it?

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