「Mermaid」のコラム

Reladrawは、ノードを「右に」「下に」と相対配置で指定するテキストベースの図解言語だ。Mermaidの自動レイアウトとdraw.ioの座標指定のちょうど中間に位置し、npmやAIエージェント向けスキルで手早く導入できる。Hacker Newsで話題の新OSSの使い方・料金・既存ツールとの違いを解説する。

GitHub Trending JavaScriptで1位を獲得したarchify（tt-a1i/archify）を解説。エージェントがJSON中間表現を出力し、決定論的にHTML/SVGへコンパイルする仕組み、インストール方法、Mermaid・draw.io・Excalidrawとの違いを整理する。

Claude Code のプラグイン「diagram-design」は、指示文だけで自己完結HTML＋インラインSVGの図解を生成するスキルです。28種類のビジュアルタイプ、Mermaidっぽさを消す設計思想、インストール手順まで2026年8月更新で解説します。