Skip to content
Recaply.
Sign inSubmit a tool

DirectorySkills

Layer cutaway diagrams: explainer, made in this run
Run 1Layer cutaway diagrams“Make a cutaway diagram of the layers of a hiking jacket”
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

Layer Cutaway Diagrams

Isometric cross-section blocks that show every layer of a material, roof, road or product.

$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 layered cutaway diagrams as one finished PNG for a post, lesson, slide or poster: an isometric block sliced open, each layer its own flat colour and texture, with clean sans 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 one cross-section block with each layer labelled; 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 cross-section, a cutaway of layers, a "what it is made of" diagram or a material build-up picture.

By RecaplyUpdated 11 Nov

Install Layer Cutaway Diagrams

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

Read https://recaply.co/skills/layer-cutaway-diagram/install.md and follow it to install the layer-cutaway-diagram skill from layer-cutaway-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 Layer Cutaway Diagrams is for

What you get

  • One explainer picture, with every label set in real type
  • Drawn as an isometric block sliced open, each layer its own flat colour and texture, with clean sans labels
  • Labels spelled exactly; the model never draws words

Good fit

  • Building materials
  • Outdoor gear
  • Soils

Not for

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

About this skill

You say

Make a cutaway diagram of the layers of a hiking jacket

It said back

I've made the cutaway diagram of a hiking jacket's layers: jacket/explainer.png (3200×2000).

Layout: I drew it as one labelled object with the layers pulled apart, because it shows a single thing and its parts. The layers, from outside to inside:

Show more

What it did in run 1

  1. layer-cutaway-diagram
  2. node .claude/skills/layer-cutaway-diagram/scripts/check.mjs
  3. mkdir -p jacket && cat > jacket/plan.json <<'EOF' { "look": "cutaway", "layout": "anatomy", "size": [1600, 1000], "title": "What is inside a hiking jacket", "subtitle": "A waterproof shell stacks thin layers that keep rain out and let sweat escape.", "hero": { "art": "an isometric cross-section block of waterproof jacket fabric sliced open, showing stacked layers: rain droplets beading on a smooth woven outer fabric on top, a thin white microporous membrane below it, and a soft fine knit lining at the bottom, each layer slightly offset like a stepped stack", "ratio": 0.8, "labels": [ { "label": "DWR finish", "note": "A water-repellent coating that makes rain bead up and roll off.", "x": 50, "y": 20 }, { "label": "Face fabric", "note": "Tough woven nylon or polyester that resists abrasion and wind.", "x": 20, "y": 40 }, { "label": "Waterproof membrane", "note": "Pores too small for raindrops but big enough for water vapour.", "x": 80, "y": 55 }, { "label": "Inner backer", "note": "A light knit or mesh that protects the membrane from wear and sweat.", "x": 20, "y": 75 } ] } } EOF cd jacket && node ../.claude/skills/layer-cutaway-diagram/scripts/draw.mjs plan.json
  4. ./jacket/plan.json
  5. cd jacket && node ../.claude/skills/layer-cutaway-diagram/scripts/draw.mjs plan.json
  6. ./jacket/art/hero.png
  7. ./jacket/plan.json
  8. node ../.claude/skills/layer-cutaway-diagram/scripts/draw.mjs plan.json --only hero
  9. ./jacket/art/hero.png
  10. sips -g pixelWidth -g pixelHeight art/hero.png
  11. node -e "const fs=require('fs');const p=JSON.parse(fs.readFileSync('plan.json'));p.hero.ratio=0.94;const xy=[[64,27],[13,32],[80,49],[18,72]];p.hero.labels.forEach((l,i)=>{l.x=xy[i][0];l.y=xy[i][1]});fs.writeFileSync('plan.json',JSON.stringify(p,null,2))" && node ../.claude/skills/layer-cutaway-diagram/scripts/compose.mjs plan.json
  12. ./jacket/explainer.png
  13. Done

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

Questions

Is Layer Cutaway Diagrams free?

No. Layer Cutaway 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 Layer Cutaway Diagrams?

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

What do I get when I buy Layer Cutaway 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 Layer Cutaway 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 ./layer-cutaway-diagram with your agent's flag.

What do I get from Layer Cutaway Diagrams?

One explainer picture, with every label set in real type. Drawn as an isometric block sliced open, each layer its own flat colour and texture, with clean sans labels. Labels spelled exactly; the model never draws words.

What does Layer Cutaway 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 Layer Cutaway Diagrams?

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

What does a run cost?

Our 1 runs took 1 min 19 s to 1 min 19 s and $0.31 to $0.31 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 Layer Cutaway Diagrams to use it?

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