오픈 소스 화이트보드 및 다이어그램 도구, 테스트됨

:art: 클라우드 시스템 아키텍처 프로토타이핑을 위한 코드형 다이어그램

테스트 결과: 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분.

오픈 소스 화이트보드 도구(SaaS)로, 올인원 화이트보드이며 마인드맵, 플로우차트, 자유 그리기 등을 포함합니다.

테스트 결과: 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분.

HTML로 답해 주세요. 읽을 수 있는 한 페이지 HTML로 어려운 질문에 답하는 agent skill입니다. 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분.

웹용 현대적인 가환 다이어그램 편집기입니다.

테스트 결과: 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분.

Agent skill: 한 문장으로 스택을 설명하고 공식 로고가 있는 아키텍처 다이어그램 제공

테스트 결과: 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 네이티브 node editor 라이브러리로, 프로덕션 워크플로 빌더, 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 skill.

테스트 결과: 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 매크로 및 기타 include입니다.

테스트 결과: 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 아키텍처 다이어그램으로 변환하는 Agent skill: 증분 동기화, 다중 뷰 프로젝션, 드리프트 diff, 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에서 agent 및 개발자 workflow를 위한 편집 가능한 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분.

Chart.js용 Vue.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 내보내기, 그리고 웹, 데스크톱, 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분.

마크다운 편집기, 그리고 LLM으로 가는 다리. 로컬 우선, MIT, 약 15MB. 번들된 MCP server를 통해 Claude Code / Codex / Cursor가 vault를 직접 제어할 수 있습니다. 14개 AI provider 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 오픈 소스 클래스룸의 웹, 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분.

tokens 대신 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입니다.

테스트 결과: 검증할 수 없었습니다. 어디서 멈췄는지는 log에서 볼 수 있습니다. 1분.

Kition은 Markdown, DataTable, WhiteBoard, 도구를 사용하는 AI agent, 브라우저 연구, 시각적 워크플로를 하나의 데스크톱 작업 공간으로 통합합니다.

테스트 결과: 검증할 수 없었습니다. 어디서 멈췄는지는 log에서 볼 수 있습니다.