Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.
-
Updated
Aug 6, 2026 - HTML
Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.
Every diagram a doctor, engineer, or lawyer would actually use. Free. Fully open source. Made for AI. 20 industry-standard diagrams from a text DSL. Pure SVG, zero deps.
Beautiful diagrams, made with your agent.
Interactive data-flow diagrams your AI agent can write. One SKILL.md — install in Claude Code, Cursor, Codex, and 11+ other clients via `npx openskills install naorsabag/openhop`.
AI diagram generator for software architecture - the open-source Eraser.io alternative. Describe your system in plain English, get editable system design, sequence, ERD & cloud diagrams on an Excalidraw canvas. Self-hostable, bring your own key. Vibe diagramming for engineers.
Arcgram — an interactive diagram engine for human–AI collaboration: an AI agent draws its reasoning as an auditable node-and-edge flow and self-audits it, delivered as one standalone HTML file. (Arcgram the AI diagram tool — not Archigram.)
Deterministic geometry diagram DSL for AI agents — text in, precise math figures out (SVG/PNG). Zero-dependency compiler + Claude/Codex/agent skill.
Turn a use case into a grounded agentic system design. An opinionated AI solutions architect as an agent skill.
Tiny, dependency-free SVG diagram engine for system & architecture diagrams. Declarative JSON in, polished SVG out.
Hand-drawn diagrams from plain text. 57% fewer tokens than Mermaid.
Text-first diagram editor with a living DSL — code, canvas, scene tree, and inspector stay in sync. Self-hostable or hosted. AGPL-3.0.
AI diagram generator for software engineers — generate editable BPMN, C4, UML, and cloud architecture diagrams from plain language at flow-chart.io
Text-based AV signal flow diagrams (系統図) — port-aware, validating, and it tells you when the wiring is wrong.
Add a description, image, and links to the mermaid-alternative topic page so that developers can more easily learn about it.
To associate your repository with the mermaid-alternative topic, visit your repo's landing page and select "manage topics."