Skip to content
Development
Skill

/scientific-schematics

Designing scientific schematics, diagrams, and graphical abstracts. Covers tool selection (BioRender, Inkscape, Affinity, PowerPoint), design principles for pathway diagrams, mechanism schematics, experimental workflows, and journal graphical abstracts. Includes composition,

From plugin
sciagent-skills
364200 skills
Install
$ npx -y skills add jaechang-hits/SciAgent-Skills --skill scientific-schematics --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/scientific-schematics

Context preview

The summary Claude sees to decide when to auto-load this skill.

Designing scientific schematics, diagrams, and graphical abstracts. Covers tool selection (BioRender, Inkscape, Affinity, PowerPoint), design principles for pathway diagrams, mechanism schematics, experimental workflows, and journal graphical abstracts. Includes composition,

SKILL.md

scientific-schematics.SKILL.md
name: "scientific-schematics"
description: "Designing scientific schematics, diagrams, and graphical abstracts. Covers tool selection (BioRender, Inkscape, Affinity, PowerPoint), design principles for pathway diagrams, mechanism schematics, experimental workflows, and journal graphical abstracts. Includes composition, icon sourcing, color for biological entities, and accessibility. Use when creating illustrative (not data-driven) scientific figures."
license: "CC-BY-4.0"

Scientific Schematics

Overview

Scientific schematics are illustrative figures that communicate biological mechanisms, experimental designs, or conceptual frameworks — as distinct from data-driven figures (graphs, heatmaps). A well-designed schematic makes a manuscript's key concept immediately comprehensible to a broad scientific audience, while a poorly designed one confuses reviewers and reduces the paper's impact. This guide covers the design decisions, tool selection, composition principles, and accessibility standards specific to biological schematics in peer-reviewed publications.

Key Concepts

1. Schematic Types and Their Purpose

Not all schematics serve the same function. Choosing the wrong type leads to overloaded or underspecified figures.

| Type | Purpose | Key Elements | Examples | |------|---------|-------------|---------| | **Mechanism diagram** | Show step-by-step molecular events | Proteins, DNA, membranes, arrows indicating causality | CRISPR cleavage, signaling cascade, transcription factor binding | | **Pathway diagram** | Show relationships in a network | Nodes (proteins/metabolites), edges (activation/inhibition), direction | MAPK signaling, metabolic flux, gene regulatory network | | **Experimental workflow** | Show experimental protocol as a figure | Numbered steps, icons for equipment/samples, time arrows | Single-cell sequencing pipeline, drug treatment protocol | | **Graphical abstract** | 1-panel summary of entire paper | 2–4 key findings, minimal text, journal-specified dimensions | Cell, Nature, PNAS graphical abstracts | | **Structural diagram** | Show molecular structure/conformation | Ribbon structure, surface representation, active site | Protein domain schematic, ligand binding pocket |

**Decision rule**: If the reader needs to understand *what happened* step-by-step, use a workflow. If they need to understand *why* (cause and effect), use a mechanism/pathway diagram. If they need a 30-second paper summary, use a graphical abstract.

2. Tool Comparison

| Tool | Best For | Learning Curve | Cost | File Output | |------|---------|---------------|------|-------------| | **BioRender** | Quick biological schematics; built-in icon library | Low | Subscription (~$99/month academic; free for draft) | PNG, SVG, PDF (license required for publication) | | **Inkscape** | Full vector editing; open-source | Medium–High | Free | SVG, PDF, PNG, EMF | | **Affinity Designer** | Professional vector + raster hybrid | Medium | ~$55 one-time | SVG, PDF, AFDESIGN | | **Adobe Illustrator** | Industry standard; full features | High | ~$55/month | SVG, PDF, AI, EPS | | **PowerPoint / Keynote** | Quick drafts; non-scientists | Low | Included in MS/Apple | PNG (low resolution), PDF | | **draw.io / Lucidchart** | Flowcharts, pathway diagrams | Low | Free/subscription | SVG, PNG, XML | | **ChimeraX / PyMOL** | Molecular structure renders | Medium | Free (academic) | PNG, TIFF, movie |

**Key difference**: BioRender provides curated biological icons (cells, proteins, instruments) that are publication-quality and royalty-free under the publication license. For complex custom graphics, Inkscape (free) or Affinity Designer (paid) offer more flexibility.

3. Color Usage in Biological Schematics

Color in biological schematics carries semantic meaning and must be used consistently.

**Conventional biological color assignments**:

  • **DNA**: double helix colored in blue/navy or gray
  • **mRNA**: orange or yellow
  • **Protein**: varying; use consistent color per protein family across all figures in a paper
  • **Cell nucleus**: light gray or blue fill
  • **Cell membrane**: tan/beige bilayer
  • **Mitochondria**: orange
  • **Lysosomes**: red/purple

**Signal direction conventions**:

  • Arrows: activation (→ solid arrowhead), inhibition (⊣ flat bar), indirect (- - →)
  • Color coding arrows: green = activating, red = inhibiting, gray = neutral/context

**Accessibility**:

  • Never use red–green encoding alone; add shape cues (✓/✗, solid/dashed)
  • Test with CVD simulator before submission
  • Use at least 3:1 contrast ratio for text on colored backgrounds

4. Composition and Layout Principles

**Visual hierarchy**: The most important element should be the largest and most central. Support elements (labels, arrows, scale bars) should be visually subordinate.

**Element spacing**: Maintain consistent padding between grouped elements. Crowded diagrams cause readers to misread association between elements.

**Arrow semantics**: Every arrow must convey exactly one relationship. Do not use arrows interchangeably for "leads to," "causes," "physically binds," and "is required for" — use distinct arrow styles for each.

**Text minimalism**: Labels should be noun phrases only (not full sentences). Move explanatory text to the figure caption, not into the diagram itself.

Decision Framework

What is this schematic trying to communicate?
│
├── A sequence of experimental steps
│   └── → Workflow diagram
│       ├── Numbered panels or numbered arrows
│       ├── Icons for equipment (instrument, pipette, plate, animal)
│       └── Time axis or step axis
│
├── How a molecule works mechanistically
│   └── → Mechanism diagram
│       ├── Protein shapes (surface or cartoon)
│       ├── Conformational change arrows
│       └── Before/after state panels
│
├── How multiple components interact in a network
│   └── → Pathway diagram
│       ├── Nodes = proteins/metabolites (circles, rectangles)
│       ├── Edges = arrows
Read more
Ships withsciagent-skills

Turn your AI coding agent into a life sciences expert — 199 bioinformatics skills for Claude Code covering RNA-seq, single-cell analysis, genomics, proteomics, drug discovery, and more. Boosted BixBench from 65% to 92%. Open source.

Get the whole plugin

Other skills on sciagent-skills.