Open-source skill for AI coding agents

Paragraph in.
Figure out.

Paste a paragraph of your paper. Your AI agent writes the figure as editable code and renders it with medical-grade free art — a free alternative to drawing in BioRender or PowerPoint. No AI image generation, no account.

MIT code · CC BY artRuns on your computerClaude Code · Codex · Gemini CLI · Cursor
23kfree professional drawings, searchable
7output types, from SVG to MP4
2styles: academic and pixel art
$0no account, no subscription
Real input → real output

What you type, what you get.

Both results below came from these exact prompts. The agent writes a short spec; you can open it and change any word, colour or position.

You write

“Show how an organosilane dispersant keeps silver nanoparticles evenly spread in a wound dressing — with vs without, and the failure modes when dispersion is poor. Use the references in my paragraph.”

The agent writes (excerpt) · full spec ↗ {"type": "panel", "title": "With organosilane dispersant"} {"type": "image", "path": "art/Dermatology_s4_1.png", "license": "cc-by-4.0"} {"type": "icon", "icon": "film_cross_section", "params": {"dispersion": "uniform"}} {"type": "icon", "icon": "coated_nanoparticle", "label": "Silane shell"}
Three-panel figure: (a) wound dressing with evenly dispersed silver particles over a cross-section of skin and a silane-coated particle; (b) the same without dispersant, with clumped particles; (c) five failure modes of poor dispersion, each with a reference number.
You write

“Same dressing, but as pixel art for an Instagram post.”

The agent writes (excerpt) · full spec ↗ {"type": "slab", "id": "comp", "color": "#6FB7E0", "pattern": "glass"} {"type": "spheres", "on": "comp", "r": 3, "sparkle": true} {"type": "label", "text": "SILVER NPs", "to": [168, 106]}
Pixel-art isometric drawing of a three-layer wound dressing: a green silane layer with standing chains, a translucent blue layer with silver particles and fibres, and a woven porous base, each labelled in a game-style dialog box.

Same content, side by side

A typical slide drawing: skin as a plain beige rectangle, the dressing as a blue bar with yellow dots, and a yellow circle labelled particle with silane.
Quick slide sketch (about 5 minutes in PowerPoint). Boxes and circles; no anatomy.
The same idea drawn by the skill: a skin cross-section with hair follicle, glands and vessels, the dressing with even particles on top, and a silane-coated nanoparticle with labels.
Scientific Illustration. Real skin layers, labelled and editable.
What it makes

One skill, every format a researcher needs.

You don't have to name the format. The skill reads what you attach, where it will be used and how you ask — picks one, and tells you its choice so you can redirect it.

01

Scientific figures

Graphical abstracts, mechanisms, comparison panels, experimental setups.

SVG · PNG · PDF · browser editor
02

Data plots

FTIR, XRD, TGA, tensile, release curves from your CSV or Excel — multi-panel, vector text.

SVG · PNG · PDF
03

Diagrams from text

Flowcharts, PRISMA, timelines and concept maps from a pasted paragraph.

SVG · PNG
04

3D models

Layers, particles, molecules and devices you can rotate, recolour and export at 4×.

Interactive HTML · PNG
05

Lesson summaries

One card per lesson: key ideas, equations, steps, tables, common mistakes.

HTML · PNG · PDF
06

Video & simulations

Motion-graphics explainers with an original soundtrack, and interactive process simulations.

MP4 · HTML
+

Researches the topic

Name only a topic: it reads recent, highly cited papers (OpenAlex, Europe PMC, Wikipedia — free, no key) and cites them as [n].

+

Simple or detailed

One clear message for slides and students, or the full multi-panel mechanism with values and references — or both from one spec.

+

Any language

Ask in your language; it answers in it. Figure labels stay in English for journals unless you want otherwise.

How it works

Code, not pixels. So you can edit it.

  1. You describe

    Paste a paragraph, attach data — or just name a topic, and it researches recent papers first. Any language. It asks one question: which style, simple or detailed.

  2. The agent writes a spec

    A short JSON file. Cheap in tokens, and the same spec always gives the same result.

  3. Scripts render it

    Python and Node turn it into SVG, PDF, 3D, PNG or MP4. It looks at the result, fixes overlaps, then hands it to you with the spec.

Install

One folder. Any agent.

Needs Python 3.10+ and Node 18+. First figure in about two minutes; the optional art libraries (~1 GB) download once, the first time you search them.

git clone https://github.com/charaflokman/scientific-illustration ~/.claude/skills/scientific-illustration
python ~/.claude/skills/scientific-illustration/scripts/setup_check.py
# then just ask your agent
"Make a graphical abstract from this methods section"
"Plot my FTIR and TGA CSVs as panels (a) and (b)"
"Summarise this lesson as one card"  # any language works
Free art libraries

~23,000 drawings, credited for you.

LibraryLicenceDrawings
Servier Medical Art
searched first — drawn by medical illustrators
CC BY 4.01,801
DBCLS TogoTVCC BY 4.02,069
Bioiconsper icon2,830
Health IconsCC02,106
Reactome
proteins, receptors, drugs, cell types
CC BY 4.02,571
SciDraw
neuroscience, lab animals, setups
CC BY / CC0614
PhyloPic
organism silhouettes, by taxon name
CC0 / CC BY11,207
Licences in one line: code MIT · library art CC BY 4.0 or CC0 · video rendering uses Remotion (free for individuals and teams of up to 3; larger companies need a Remotion licence). Figures you make are yours. If a figure uses CC BY art, keep the credit line the skill adds (e.g. “Art: Servier Medical Art, CC BY 4.0”) in your figure or caption.
Honest limits

What it can't do.

  • No photo-realism. It draws schematics and 3D renders, not photographs or micrographs.
  • Library art is raster. Servier drawings are high-resolution PNG; labels and shapes stay vector.
  • You still check the science. It never invents data, but a wrong prompt gives a wrong figure.
  • Agent quality matters. Stronger models plan better layouts; smaller ones may need a second pass.
  • Video needs Node and a few minutes to render; Remotion is free for individuals and teams of up to 3.
FAQ

Questions researchers ask.

Is it really free?

Yes. The skill is MIT-licensed and the art libraries are free (CC BY 4.0 or CC0). You pay only for the AI agent you already use. A typical figure costs a few thousand tokens because the agent writes a short spec, not an image.

Which AI agents and models work?

Any agent that can read files and run shell commands: Claude Code, Codex CLI, Gemini CLI, Cursor, GitHub Copilot, Cline, OpenCode and others, with any model. Nothing depends on a specific vendor.

Will a journal accept these figures?

The figures are vector SVG/PDF at journal widths (e.g. 180 mm), with colour-blind-safe palettes and credited art. Check your journal's artwork rules as you would for any figure; the pixel-art style is meant for teaching and social media, not papers.

Can I edit the result in Illustrator or Inkscape?

Yes. Open the SVG or PDF directly. Each figure also comes with a browser editor and its JSON spec, so you can ask the agent for changes in words.

How is this different from BioRender or AI image generators?

BioRender is a paid drag-and-drop editor. Image generators invent pixels and can't be edited precisely. This skill writes the figure as code from your text, uses real medical art, keeps every label editable and never makes up data.

Does my unpublished work leave my computer?

No. Rendering runs locally. Only the art libraries and fonts are downloaded, once. What your AI agent sends to its own provider is governed by that agent's settings.