オープンソースのホワイトボードと図表ツール、テスト済み

:art: クラウドシステムアーキテクチャのプロトタイピングのための Diagram as Code

テストでわかったこと: 53 tests pass (1 skipped because packaging tests require running outside source tree), PNG diagram generation verified with AWS EC2/RDS/ELB nodes producing a 48257 byte PNG, CLI entry point works, all 2847 node icon files resolve correctly from the installed distribution. 8 分。

マインドマップ、フローチャート、フリーハンドなどを備えた、オールインワンのオープンソースホワイトボードツール。

テストでわかったこと: Full install completes cleanly with Node.js 20.20.2, all 29 unit tests pass across 4 Nx projects (drawnix: 9 files/26 tests, react-board: 1/1, react-text: 1/1, web: 1/1), and the Vite dev server serves the web application on port 7200 responding HTTP 200. 4 分。

テキスト表現からシンプルな SVG フローチャート図を描画します。

テストでわかったこと: flowchart.js builds, parses DSL, and renders SVG flowcharts in the browser via the dev server, confirmed with Puppeteer headless browser. 8 分。

FlowGram は、拡張可能なワークフロー開発フレームワークで、キャンバス、フォーム、変数、マテリアルが組み込まれており、開発者が AI ワークフロープラットフォームをより速く、より簡単に構築するのに役立ちます。

テストでわかったこと: FlowGram monorepo builds successfully (73/73 Rush projects), all tests pass across 9 packages with vitest (0 failures), and the demo-free-layout app serves correctly via Rsbuild dev server answering HTTP 200. 15 分。

SVG と HTML を使用してレンダリングする JavaScript ダイアグラム作成ライブラリ

テストでわかったこと: The @antv/x6 v3.1.8 monorepo installs with pnpm, compiles TypeScript without errors, builds ESM/CJS/UMD bundles via rollup, and passes 3039 tests across 202 test files in a jsdom environment using vitest. 3 分。

Answer me with HTML, an agent skill that answers hard questions with a one-page HTML you can actually read. 让 AI Agent 用一页 HTML 回答复杂问题。

テストでわかったこと: npm install added 6 packages with 0 vulnerabilities; all 193 tests pass; am CLI renders examples to self-contained HTML files with SVG diagrams, STE writing checks, blueprint and shadcn themes, and supports render/lint/config/patch/video subcommands. 4 分。

ASCII ダイアグラムの走り書きを、楽しい小さな SVG に変換します。

テストでわかったこと: The svgbob workspace builds, all 110 tests pass, the CLI converts ASCII diagrams to valid SVG, and the server serves HTTP on port 3000. 2 分。

インタラクティブな React ライフサイクルメソッド図

テストでわかったこと: The React Lifecycle Methods Diagram builds successfully via Vite 8, TypeScript compiles cleanly, lint passes, and the dev server serves the interactive diagram on localhost:5173 with HTTP 200. 10 分。

Web 向けのモダンな可換図式エディタ

テストでわかったこと: The quiver commutative diagram editor builds successfully with all dependencies (KaTeX, Workbox, icons), serves via python3 http.server on port 8000, and loads in Chromium with zero JavaScript errors and full UI rendering. 6 分。

デジタルタイミングダイアグラムのレンダリングエンジン

テストでわかったこと: WaveDrom v3.7.0 installs and runs: npm test passes (eslint 0 errors, 6 mocha tests pass, 79.8% statement coverage), CLI outputs valid SVG from JSON5 input, and all 4 distribution bundles build successfully. 3 分。

生意気な UML 図レンダラー

テストでわかったこと: nomnoml v1.7.0 library and CLI are installed, all 132 unit tests pass, and both the API (renderSvg) and CLI produce valid SVG output from nomnoml syntax. 2 分。

パワフルなマルチエンド描画ボードは、多数のクリエイティブなブラシをまとめ、まったく新しい描画効果を体験できます！

テストでわかったこと: paint-board v2.0.0 (paint-board) builds and serves correctly via Vite. The dev server (pnpm dev) starts and returns HTTP 200 on /paint-board/. All application JS/CSS assets compile cleanly. 22 分。

golang プロジェクト向け PlantUML クラス図ジェネレーター

テストでわかったこと: GoPlantUML builds with Go 1.22.2, installs as a goplantuml binary, all 46 parser tests pass, and the binary runs against real Go source directories to emit valid PlantUML diagrams to stdout and files. 4 分。

tfstate または HCL を読み取り、各プロバイダーに固有のグラフを生成し、最も重要または関連性の高いリソースのみを表示します。

テストでわかったこと: The Go project builds cleanly, all 8 test packages pass, and the binary prints correct version output, generates DOT graphs from both tfstate and HCL inputs, and prunes sensitive fields from state files. 3 分。

高速なネイティブ Rust 製 Mermaid 図レンダラーです。ブラウザは不要です。mermaid-cli よりも 500〜1000 倍高速です。

テストでわかったこと: mmdr 0.3.1 installs, builds, and renders Mermaid diagrams to SVG and PNG. Unit tests (386 passed), layout tests (28 passed, including the fixed quadrant test), and all fast integration suites pass. 55 分。

エージェントスキル: あなたの技術スタックを一文で説明し、公式ロゴ付きのアーキテクチャ図を取得します。

テストでわかったこと: The real icon-fetch, HTML-build, and Chromium PNG-render pipeline for stack-diagram runs successfully in this container and produces valid self-contained HTML plus decodable 2000x1082 PNGs in light and dark themes. 4 分。

Konva 2d キャンバスライブラリのための Vue コンポーネント。Vue でインタラクティブなグラフィック、デザインエディター、ホワイトボードを構築できます。

テストでわかったこと: Standard npm install succeeded and, when run on Node 22, npm test exits 0 with 62 passing tests and npm run build exits 0 producing dist bundles (vue-konva.js, vue-konva.umd.js, vue-konva-core.js) plus .d.ts declarations; no tracked repo files were modified. 5 分。

ブラウザと node.js の両方で動作する、拡張可能なテキストから図へのライブラリです。

テストでわかったこと: Installs, compiles, and runs test suite (38 suites, 227 tests, 26 snapshots all passing). CLI can render diagrams to SVG via jsdom+bundled pintora-standalone. 25 分。

drawthe.net は、配置、レイアウト、アイコンを記述したテキストファイルからネットワーク図を動的に描画します。ネットワークの階層とその接続を記述した YAML ファイルを指定すると、結果の図が作成されます。

テストでわかったこと: On a brand-new clone, npm ci, npm run build, and npm run render all succeed and the app runs in a real browser and through its MCP server. 8 分。

物の配置場所を指定するテキスト図言語です。プレイグラウンド: reladraw.github.io/reladraw

テストでわかったこと: reladraw 0.19.0 builds from source and renders all 32 bundled example .reladraw files to valid SVGs with correct dimensions via both the CLI and programmatic API. 3 分。

デジタルタイミングダイアグラムエディタ

テストでわかったこと: WaveDrom Editor installs, its eslint suite passes, the desktop app launches and renders on the virtual display, and the WaveDrom engine exports valid SVG and PNG timing diagrams via the nw runtime CLI. 26 分。

ASCII アートを手書きの図に変換する CLI アプリ。

テストでわかったこと: diagram binary builds with Go 1.27.2; --help prints banner and 'Version: 1.1.0'; CLI mode converts sample.txt to a valid non-blank 870x890 PNG that ffmpeg decodes cleanly with exit 0; preview mode opens a live 'Preview diagram...' window on Xvfb :99 and stays up until killed; go vet and go test (in an out-of-tree copy... 14 分。

会話で描画を作成・編集できます。

テストでわかったこと: All 319 tests pass, frontend builds and is served on port 8000 returning HTTP 200, server starts without errors using only bundled dependencies. 7 分。

軽量なコラボレーション対応ホワイトボード / スケッチボード

テストでわかったこと: All 3 test suites pass (12/12), the production server starts on port 8080 and responds to /api/health (200), /api/loadwhiteboard ([]), and /api/getReadOnlyWid (UUID). 11 分。

MIT ライセンスの無限キャンバスホワイトボード SDK。オープンソースの tldraw 代替品で、ライセンス料は不要、商用利用も無料です。React、React Native、プレーンな JS に対応。

テストでわかったこと: Quickdraw monorepo installs cleanly, all 134 tests pass (131 vitest + 3 sync), and TypeScript typechecking passes. 2 分。

ngDiagram: インタラクティブなダイアグラム、ノードベースのエディター、ワークフロービルダーのためのオープンソース Angular ライブラリ。Angular ファースト: シグナルとテンプレート。

テストでわかったこと: pnpm install completes, all 213 test files (3545 tests) pass, the ng-diagram Angular package builds to dist/ng-diagram, and the angular-demo app builds to dist/angular-demo. 6 分。

Angular ネイティブのノードエディターライブラリで、プロダクションワークフロービルダー、AI パイプライン、インタラクティブなダイアグラムエディター向けです。MIT ライセンス。

テストでわかったこと: All 329 unit tests for @foblex/flow pass on Node.js 20.20.2 with Chrome 148 headless and --no-sandbox. 13 分。

tldraw を Obsidian に統合するプラグイン。

テストでわかったこと: The Obsidian Tldraw plugin builds successfully via esbuild and all 8 end-to-end WebdriverIO tests pass against Obsidian v1.14.4 running on Xvfb. 4 分。

ハードウェアのピン配置図を SVG 画像として生成するオープンソースの Python パッケージ。

テストでわかったこと: Pinout package installed in Python 3.12 venv with all dependencies (Jinja2, Pillow, pandas, openpyxl, libsass). All 12 reference SVG tests pass. The CLI manager duplicates resources and exports valid SVGs end-to-end. 35 分。

プレミアムな手描き、ダーク背景、アニメーション付きのアーキテクチャ・プロセス図。出力は編集可能な.excalidraw、PNG、本物のアニメーション GIF。Codex/Claude スキル。

テストでわかったこと: Fresh venv installs deps; all 83 tests pass; browser render of assets/default-spec.json produces verified 1210x1138 41-frame 20fps GIF (motion confirmed) plus MP4, PNG, Excalidraw, all decoded by ffprobe. 5 分。

GitHub の Markdown の README やドキュメントで PlantUML 図をレンダリングします。.puml ファイルから画像をクリック可能にして相互リンクさせ、コミットする画像は不要です。CLI と GitHub Action を提供します。

テストでわかったこと: puml-for-markdown v2.1.1 installs and builds on Node.js 22; its 61-test suite passes, and the CLI correctly renders PlantUML diagrams into markdown with direct PlantUML server URLs. 2 分。

TypeScript ソースコードから UML 図を生成します。

テストでわかったこと: Project installed, built, and tested. All 22 vitest tests pass and the CLI generates correct UML SVG, nomnoml DSL, and mermaid DSL output from TypeScript source files. 1 分。

ソフトウェアアーキテクチャ図作成ツール。シェルや CI から図を管理できる、モダンで使いやすい Frontend + Backend + CLI を備えています。

テストでわかったこと: tld builds into /tmp/tld, runs as a background web server on 127.0.0.1:18060 serving the frontend with HTTP 200, and all 61 Go test packages pass. 9 分。

Excalidraw ダイアグラムを Gliffy、draw.io、Mermaid に移植するためのコマンドラインツール

テストでわかったこと: Go 1.27.3 installed, dependencies resolved, all 4 test suites pass (11 functional tests + subcases), app converts Excalidraw .excalidraw files to Gliffy and Mermaid formats via CLI. 15 分。

Archimate ダイアグラム用の PlantUML マクロとその他のインクルード

テストでわかったこと: The repository renders Archimate diagrams to SVG via PlantUML 1.2026.7 on Java 17. 16 sample SVGs and 2 dist example SVGs were generated, every one structurally valid and containing proper Archimate diagram content with no errors. 15 分。

コードをフローチャートに変換し、実験的にその実行経路をトレースします。

テストでわかったこと: Inside the container, Ruby 3.4.8 and Graphviz live in a userspace conda env, bundle install completes, the full RSpec suite passes with 103 examples and 0 failures, and both README example scripts generate real decodable PNG flowcharts. 5 分。

美しいアイソメトリックなインフラストラクチャ図を作成します。(stan-smith/FossFLOW の続き)

テストでわかったこと: FossFLOW app builds from source, dev server serves at localhost:3000, backend server provides full CRUD storage at localhost:3001 with path-traversal protection, all unit and end-to-end tests pass, and exported SVG/PNG media files are valid. 18 分。

自然言語、コード、Terraform/K8s、SQL、OpenAPI、AsyncAPI、Protobuf、GraphQL のソースを、編集可能でテスト済みの draw.io アーキテクチャ図に変換するエージェントスキルです。インクリメンタル同期、マルチビュープロジェクション、ドリフト差分、CI...

テストでわかったこと: The drawio-skill project runs fully: 174 unit tests pass, the diagramctl CLI (12 subcommands) works end-to-end for core semantic workflows, all importers produce correct IR, the MCP server responds with 9 tools, and the shape/index/validate infrastructure is operational. Only the draw.io desktop binary (for native... 10 分。

採用プロセスが壊れていない企業

テストでわかったこと: Dependencies installed, lint plugin pipeline loaded, and remark-lint reports zero issues on the full README.md. 2 分。

テキストまたは JSON から、エージェントと開発者ワークフロー向けの編集可能な Excalidraw 図を生成します。

テストでわかったこと: The excalidraw-cli TypeScript project builds successfully and all functional tests pass. CLI commands create, parse, and convert diagrams from DSL, JSON, and DOT inputs, producing valid .excalidraw files, PNG images, and SVG output. 8 分。

Konva 2d キャンバスライブラリ向けの React コンポーネント。JSX でインタラクティブなグラフィックス、デザインエディター、ホワイトボードを構築できます。

テストでわかったこと: All 196 browser tests pass against Chromium, TypeScript checks pass, the build produces es/ and lib/ output, SSR rendering succeeds across CommonJS and ES module entry points, package exports resolve correctly in ESM/CJS/Node10/Bundler modes, and DevTools registration and canvas commits are functional. 30 分。

Vue.js 用の Chart.js ラッパー

テストでわかったこと: The vue-chartjs repository installs, lints, builds, and runs all 24 unit tests successfully with pnpm 12.6.0 and Node 18.19.1 in this container. 2 分。

セルフホスト型ホームラボインフラストラクチャビジュアライザー: インタラクティブなネットワーク図とライブステータス監視

テストでわかったこと: Backend FastAPI app starts and responds to health checks, all 1512 backend tests pass, all 532 MCP tests pass; frontend build requires Node 20.19+ which is not available in this container. 58 分。

ブラウザ、デスクトップ、そして単一の URL で利用できる Markdown エディター。高速な GitHub スタイルの Markdown 編集を実現し、ライブプレビュー、ダイアグラム、LaTeX、構文ハイライト、PDF 書き出し、そして Web、デスクトップ、Docker にわたるマルチタブ対応を備えています。

テストでわかったこと: All 186 Playwright Chromium e2e tests pass, static server returns HTTP 200, and desktop CDN libraries are populated. 10 分。

JavaScript アーキテクチャ図と依存関係グラフ

テストでわかったこと: npm install --ignore-scripts, npm run compile, npm run lint, and npm run jest all pass (29/29 tests); CLI generates PUML output end-to-end; SVG/PNG generation requires a mock Java substitute for the missing JRE. 27 分。

Markdeep 公式パブリックソースアーカイブ

テストでわかったこと: markdeep.py and markdeep2.py (identical) import cleanly from python3 stdlib; all 10 exported functions produce correct outputs; __main__ examples print header_anchor introduction/formsof_being_/addendum, definition_anchor apireference/def-foo-fcn, and generate_markdown_table renders correctly. 6 分。

Miro Developer Platform アプリサンプル

テストでわかったこと: Root npm install succeeds, 17 of 20 frontend examples build with Vite/Next.js, and 7 of 9 server-based examples start and respond to HTTP requests on expected ports. 8 分。

D2 ファイル用の VSCode 拡張機能。

テストでわかったこと: The VS Code extension installs, builds with webpack, packages into a working .vsix (3.29 MB), installs into VS Code 1.143.1, and activates with all 5 D2 commands registered. Syntax highlighting grammar regenerated from YAML source. 8 分。

Mermaid ダイアグラムをプレビュー

テストでわかったこと: With local substitutes for the 5 private @mermaid-chart packages, the project installs via pnpm, compiles and bundles, lints with 0 errors, passes its VS Code integration test (1 passing), packages into vscode-mermaid-preview-2.2.0.vsix which installs and lists in VS Code 1.143.1, and renders a mermaid flowchart to... 19 分。

Markdown エディタであり、LLM への橋渡しでもあります。ローカルファースト、MIT ライセンス、約 15 MB。バンドルされた MCP サーバーにより、Claude Code / Codex / Cursor が直接ボールトを操作できます。14 の AI プロバイダーに対応（BYOK）。

テストでわかったこと: solomd-mcp binary built and all 36 unit tests pass; MCP server responds correctly to initialize, list_notes, read_note, and search over JSON-RPC stdin/stdout; frontend dist/ built via vite. Tauri desktop app failed to link due to incompatible system libdbus-1 (Rust dbus crate expects unprefixed symbols). 16 分。

Project flat は、Agora Flat オープンソース教室の Web、Windows、macOS クライアントです。

テストでわかったこと: pnpm monorepo installed, flat-web Vite dev server runs and serves the React app with live TypeScript compilation on port 3000, Electron main process esbuild bundle compiles successfully. 28 分。

LLM を使用して、トークンの代わりにダイアグラムをリアルタイムでストリーミングしましょう！ (UIST 2023 論文)

テストでわかったこと: npm install completed (3365 packages), npm run build compiled successfully serving index.html with Graphologue title, the OpenAI module was patched to accept a configurable base URL, a mock API server at port 8008 returns correct OpenAI-formatted responses, the built JS references the mock endpoint, all three served... 14 分。

Solana Arbitrage Bot は、Raydium、Orca、Meteora などのクロス DEX スワッププログラムであり、rust 言語のアーキテクチャを採用し、anchor フレームワークを使用しています。

テストでわかったこと: solana-arbitrage-bot2.0 binary compiles and responds to --version/--help; arb-opportunity-execute-trade-python script fetches real-time Raydium and DexScreener prices showing cross-DEX price differences; solana-mev has 177 pre-existing compilation errors; client-pool has dependency path issues. 29 分。

Meta2d.js是一个实时数据响应和交互的2d引擎，可用于Web 组态、SCADA，表报、流程图、中控可视化等可视化需求。Meta2d.js is a 2D visualization engine built around data-driven display and dynamic interaction...

テストでわかったこと: pnpm install and pnpm build complete, all 18 packages compiled to dist/ with index.js outputs, webpack bundle at dist/meta2d.js/meta2d.js (762 KiB, valid JS), es5 example serves all assets at HTTP 200, vue3 example builds with vite to 2.7M dist/. 25 分。

Jakarta EE 10 & MicroProfile アプリケーションジェネレーター兼モデラー

テストでわかったこと: All 14 modules of the main Jeddict repo build successfully after importing JavaParser path fix. Tests could not execute because they require a full NetBeans IDE runtime. 51 分。

軽量（約 1.5 MB）のオープンソースのスクリーンアノテーションで、クリックスルーモードとキーボードファーストのショートカットを備えています。デモ、教育、会議、スクリーン録画向け。Windows、macOS。

テストでわかったこと: All frontend infrastructure works: Node 24.15.0, npm 11.12.1, dependencies installed, 346/346 vitest tests pass, TypeScript typechecks clean, Vite build succeeds, lint and format pass. The Rust Tauri backend is intentionally Linux-incompatible (compile_error guard + cfg-gated platform functions for Windows/macOS only)... 20 分。

Dgrm.net - フローチャートエディタです。デスクトップ、スマートフォン、タブレットで動作します。依存関係はありません。純粋な JavaScript です。

テストでわかったこと: 検証できませんでした。どこで止まったかはログで確認できます。 1 分。

Kition は、Markdown、DataTable、WhiteBoard、ツール利用型 AI エージェント、ブラウザリサーチ、ビジュアルワークフローをひとつのデスクトップワークスペースに統合します。

テストでわかったこと: 検証できませんでした。どこで止まったかはログで確認できます。