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
384200 skills

Claude Code

$ npx -y skills add jaechang-hits/SciAgent-Skills --skill scientific-schematics --agent claude-code

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
@jaechang-hits
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.

Stars on GitHub

Momentum

stars in total
384
Star history of jaechang-hits/SciAgent-Skills on GitHub, a chart by star-history.com

Other skills on sciagent-skills.

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills11d309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc12d293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react2d252k
@facebook@facebookInstall Skill

Questions about scientific-schematics.

Which coding agents can use scientific-schematics?
scientific-schematics installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.