Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.
-
Updated
Sep 2, 2026 - JavaScript
Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.
🎬 Open-source animated architecture diagrams as code. Diagram-native DSL, 17 layout engines, Web Animations API, and MCP server for AI agents.
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.
Review code 100X faster. Lens draws every PR as animated architecture and data-flow diagrams, inside the pull request itself. Use it as a GitHub App, GitHub Action, CLI, or a skill for your coding agent
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.
Agent skill that draws architecture, flowchart, sequence, data-flow and lifecycle diagrams as hand-placed SVG, to one linted house style.
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.
Hand-drawn diagrams from plain text. 57% fewer tokens than Mermaid.
Tiny, dependency-free SVG diagram engine for system & architecture diagrams. Declarative JSON in, polished SVG out.
Turn a small JSON file into an interactive architecture map — static, self-contained system diagrams for codebases, AI agents and services. No account, no expiry.
Text-first diagram editor with a living DSL — code, canvas, scene tree, and inspector stay in sync. Self-hostable or hosted. AGPL-3.0.
Text-based AV signal flow diagrams (系統図) — port-aware, validating, and it tells you when the wiring is wrong.
YAML 1枚から説明図を出す。配置はレイアウトエンジンではなく人(とAI)が決める。スイムレーン・層構造・強調矢印。MCPサーバー同梱。
Turn a short text description of a system into a polished, self contained, interactive HTML diagram. Pan and zoom, trace what a node reaches, search, dark and light themes, SVG and PNG export. Diagrams as code, zero dependencies.
mermaid second version diagram, which look better and beautiful
To associate your repository with the mermaid-alternative topic, visit your repo's landing page and select "manage topics."