How do I install the Fossflow skill?

Run npx skillmds@latest add dreamlab-ai/fossflow in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Fossflow safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Fossflow?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Fossflow free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Fossflow?

dreamlab-ai (@dreamlab-ai) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Fossflow by dreamlab-ai — Agent Skill

Name: Fossflow
Author: dreamlab-ai

Fossflow

Generate isometric network-topology, infrastructure, and architecture diagrams as FossFLOW JSON (compact LLM-optimised format or full verbose SVG/JSON with zones and labels). Trigger on "isometric diagram", "network topology diagram", "FossFLOW", "infrastructure map", "architecture visualisation", or converting a network/cloud (AWS/Azure/GCP/Kubernetes) layout into an importable diagram. NOT for flowcharts, sequence, or other Mermaid-supported diagrams (use mermaid-diagrams), academic publication figures (use paperbanana), or general architecture prose docs (use report-builder).

dreamlab-ai 7af6813 11 files · 56.8 KB Updated Sep 17, 2026

File contents

FossFLOW Diagram Generator

Generate isometric network and architecture diagrams for FossFLOW visualisation. Two input formats: compact (token-efficient, for LLM generation) and verbose (full features — zones, styled connectors, labels).

When Not To Use

Standard flowcharts, sequence diagrams, or Mermaid-supported types → mermaid-diagrams skill
Academic publication figures → paperbanana skill
General architecture documentation → report-builder skill
Editorial HTML/SVG diagrams (architecture, flowcharts, org charts) with a branded design system and non-isometric layout → diagram-design skill

Workflow

Pick a format — compact for quick LLM-generated topologies, verbose when you need zones, coloured/labelled connectors, or text boxes. Full specs, keys, connector properties, positioning grid, and the colour palette: references/formats.md.
Choose icons (1,062 available: ISOFLOW basics + aws-/azure-/gcp-/k8s- prefixed catalogues) and the purpose→icon quick map: references/icons.md.
Adapt a worked example — compact network, AWS serverless, verbose zoned data centre: references/examples.md. Starter templates live in resources/templates/ (three-tier.json, microservices.json).
Validate against the format checklist, run/import in FossFLOW, and troubleshoot: references/validation.md.

Scripts

scripts/generate-diagram.js — build/emit a diagram (compact or verbose) programmatically.
scripts/validate-diagram.js — validate a diagram file against the format rules.
scripts/screenshot-verify.sh / scripts/playwright-verify.js — render and visually verify a diagram.

Reference index

Need	File
Format specs, keys, connector props, positioning, colours	references/formats.md
Full 1,062-icon catalogue + purpose→icon map	references/icons.md
Worked examples (compact & verbose)	references/examples.md
Validation checklist, running FossFLOW, troubleshooting	references/validation.md

---name: fossflowdescription: Generate isometric network-topology, infrastructure, and architecture diagrams as FossFLOW JSON (compact LLM-optimised format or full verbose SVG/JSON with zones and labels). Trigger on "isometric diagram", "network topology diagram", "FossFLOW", "infrastructure map", "architecture visualisation", or converting a network/cloud (AWS/Azure/GCP/Kubernetes) layout into an importable diagram. NOT for flowcharts, sequence, or other Mermaid-supported diagrams (use mermaid-diagrams), academic publication figures (use paperbanana), or general architecture prose docs (use report-builder).---# FossFLOW Diagram GeneratorGenerate isometric network and architecture diagrams for FossFLOW visualisation.Two input formats: **compact** (token-efficient, for LLM generation) and**verbose** (full features — zones, styled connectors, labels).## When Not To Use- Standard flowcharts, sequence diagrams, or Mermaid-supported types → mermaid-diagrams skill- Academic publication figures → paperbanana skill- General architecture documentation → report-builder skill- Editorial HTML/SVG diagrams (architecture, flowcharts, org charts) with a branded design system and non-isometric layout → diagram-design skill## Workflow1. Pick a format — compact for quick LLM-generated topologies, verbose when you need zones, coloured/labelled connectors, or text boxes. Full specs, keys, connector properties, positioning grid, and the colour palette: **[references/formats.md](references/formats.md)**.2. Choose icons (1,062 available: ISOFLOW basics + `aws-`/`azure-`/`gcp-`/`k8s-` prefixed catalogues) and the purpose→icon quick map: **[references/icons.md](references/icons.md)**.3. Adapt a worked example — compact network, AWS serverless, verbose zoned data centre: **[references/examples.md](references/examples.md)**. Starter templates live in `resources/templates/` (`three-tier.json`, `microservices.json`).4. Validate against the format checklist, run/import in FossFLOW, and troubleshoot: **[references/validation.md](references/validation.md)**.## Scripts- `scripts/generate-diagram.js` — build/emit a diagram (compact or verbose) programmatically.- `scripts/validate-diagram.js` — validate a diagram file against the format rules.- `scripts/screenshot-verify.sh` / `scripts/playwright-verify.js` — render and visually verify a diagram.## Reference index| Need | File ||------|------|| Format specs, keys, connector props, positioning, colours | [references/formats.md](references/formats.md) || Full 1,062-icon catalogue + purpose→icon map | [references/icons.md](references/icons.md) || Worked examples (compact & verbose) | [references/examples.md](references/examples.md) || Validation checklist, running FossFLOW, troubleshooting | [references/validation.md](references/validation.md) |

Frequently asked questions