Articles tagged "Mermaid"

Reladraw is a diagram language that places nodes using relative words like right of and below, between Mermaid automatic layout and draw.io fixed coordinates.

A guide to archify (tt-a1i/archify), which hit #1 on GitHub Trending JavaScript. Covers how agents emit a JSON intermediate representation that deterministically compiles to HTML/SVG, installation, and how it differs from Mermaid, draw.io, and Excalidraw.

diagram-design is a Claude Code skill that turns a plain instruction into a self-contained HTML diagram with inline SVG. This guide covers its 28 visual types, the design rules that avoid the "AI-generated" look, and how to install it. Updated August 2026.