Advanced scientific diagram generator with AI-native iterative refinement. Use when creating Mermaid diagrams, scientific schematics, or technical visualizations.
Precision scientific visualization focusing on structural accuracy and universal accessibility.
This skill prioritizes Structural Code (Mermaid) over raster images to ensure transparency, reproducibility, and high fidelity in technical environments.
generate_image is reserved for complex organic textures or artistic renderings that lack a structural schema.When the concept can be modeled as a flow, hierarchy, or interaction:
figures/[name].mmd.npx @mermaid-js/mermaid-cli to generate SVG (Journal) and PNG (Presentation).When Mermaid cannot represent the complexity (e.g., a realistic anatomical heart):
generate_image.figures/[name].png.| Diagram Type | Best for... | Example |
|---|---|---|
| Flowchart (graph TD) | Decision trees, mechanisms, experimental protocols. | Enzyme-substrate interactions. |
| Sequence Diagram | Cascades, signal transduction, multi-step protocols. | Phototransduction pathway. |
| Class Diagram | Ontologies, taxonomies, data structures. | Phylogenetic trees or software architecture. |
| ER Diagram | Relational data, chemical bonds, networks. | Metabolic network relationships. |
| State Diagram | Cycle transitions, phase changes. | Cellular cycle or phase transitions. |
| Gantt / Timeline | Study durations, historical milestones. | Clinical trial stages. |
| Mindmap | Brainstorming, conceptual mapping. | Research field breakdown. |
| XY / Sankey | Trends, resource/energy flux. | Energy distribution in ecosystems. |
| Block Diagram | Modular architectures, lab setups. | Signal processing blocks. |
Outputs should be placed in the project's target directory (e.g., docs/assets/ or assets/diagrams/) to maintain context.
[project-root]/
├── [target-dir]/ # Specified by task context
│ ├── [name].mmd # Source Mermaid code (Editable)
│ ├── [name].svg # Vector output (Publish Ready)
│ ├── [name].png # Raster output (Static)
│ └── [name]_log.json # Review & Metadata log
| Type | Target | Logic |
|---|---|---|
| Journal | 9.0+ | SVG required. Zero ambiguity. Structural accuracy over aesthetics. |
| Technical | 8.0+ | High contrast, clear labels, academic palette (--theme neutral). |
--theme neutral as the default for scientific clarity.node and npx before rendering. If missing, provide the .mmd code for the user's VS Code preview.