Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By Mertcikla
Generate navigable, drill-down architecture diagrams from a codebase or description using the tld CLI, mapping system components and their relationships.
npx claudepluginhub mertcikla/tldShare bugs, ideas, or general feedback.
tld is an opinionated, flexible diagramming tool with rich featureset to help you visualize, understand, and maintain your software architecture. Inspired by C4 model, designed with multiple opt-in features to answer evolving needs of software teams.
UI: A frontend optimized to handle complex architectures, with intuitive design and polished with tools to manage contextual views.
Standalone Distribution: A single, dependency-free binary containing both the server and the web application. Available as CLI + WebUI or Native app(windows and macOS).
CLI that speaks agent: Use the agent skill and use your agent to create a diagram of your codebase with the exact detail level you need. Prompt the agent to add/remove details you see fit. Here are some examples that were generated using the agent skill.
Editor and Github Integration: Jump to the code in your editor or Github from diagrams, or open the code symbol in diagram from your editor to visualize the code using the VSCode extension.
Mermaid Integration: Paste your mermaid diagrams into canvas to import them or export as mermaid for quick sharing.
Markdown Notes Support: Add notes and documentation for your diagram or link an existing one, preview and edit diagrams and markdown side-by-side.
Bi-directional Sync: (Experimental) Seamlessly sync changes between your local YAML files, the self-hosted web UI, and the cloud version at tlDiagram.com.
Git diff visualization: (Experimental) Sync and visualize the changes you or your agent are making live in diagram form. Inspect the dependencies and intervene when necessary.
Diagrams as Code: (Experimental) A git/terraform like workflow (plan/apply) to manage architectural evolution alongside your source code.
Automated Codebase Analysis: (Experimental) Built-in tree-sitter integration to automatically discover architecture components in Go, Java, Python, C++, and TypeScript (more soon™ (hopefully)).
macOS and Linux
curl -LsSf https://tldiagram.com/install.sh | sh -s serve --open
Windows
powershell -ExecutionPolicy ByPass -c "irm https://tldiagram.com/install.ps1 | iex; tld serve --open"
Visit docs for more info.
tld has native-desktop builds for macOS and windows. Look for tld-desktop binaries in releases.
tld designed to be run fully offline, behind a reverse-proxy or in your infrastructure or as a local development tool.
Run tld serve to start a local SQLite-backed instance, or configure PostgreSQL in ~/.config/tldiagram/tld.yaml or via env vars
export TLD_DB_DRIVER=postgres
export TLD_DATABASE_URL='[REDACTED:DB Connection String]
export TLD_PUBLIC_URL='https://example.com'
export TLD_HOST=127.0.0.1
export PORT=8060
tld serve
The PostgreSQL database must have pgvector support.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimAnalyse software architecture and generate C4 models using Structurizr DSL, with diagram export support.
Turn complex codebases into clear, navigable architecture diagrams
Codebase visualization — generates architecture, data flow, dependency, call chain, community detection, and class diagrams via Mermaid Chart MCP
Excalidraw diagramming toolkit — auto-diagram any codebase, architecture diagrams, data flows, with PNG/SVG/URL export
Codebase diagram generation for tldiagram.com
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Generate architecture diagrams and technical design documents
Diagrams-as-code tools for visualizing code, data, and systems using Mermaid and PlantUML