cathrynlavery / diagram-design

Agent skill that generates editorial diagrams as one self-contained HTML + SVG file, with 44-45 diagram types.

tt-a1i / archify

Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.

AhmadHassan-BTed / OpenHeart

Succinct Compositional Program Graph (SCPG) static analysis engine & 14-diagram UML generator in Rust.

obsidianmd / pele

Renders Mermaid diagrams faster than you'd run from a volcano! 🌋

wevm / ondine

Fast and simple diagrams.

QingYunA / answer-me-with-html

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

guolola / SoftJL

Turn requirements into UML diagrams, test cases and editable Word specs—with traceability. Self-hosted, bring your own AI model. Built for capstone and course projects.

Vampirekyosteeple / Microsoft-Visio

Microsoft Visio Professional 2025: Complete standalone setup, fully activated for immediate use on your desktop.

excalidraw / excalidraw

Virtual whiteboard for sketching hand-drawn like diagrams

razorback16 / cc-intelligent-ui

Claude's answers, rendered: Markdown, math, charts and diagrams drawn in the Claude Code terminal. Independent project, not affiliated with Anthropic.

jgraph / drawio-desktop

Official electron build of draw.io

mermaid-js / mermaid

Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown

Agents365-ai / drawio-skill

Agent skill that turns natural language, code, Terraform/K8s, SQL, OpenAPI, AsyncAPI, Protobuf and GraphQL sources into editable, tested draw.io architecture diagrams: incremental sync, multi-view projection, drift diff, CI architecture tests, whiteboard derasterize, interactive HTML/PPTX/Mermaid exports.

jgraph / drawio

draw.io is a JavaScript, client-side editor for general diagramming.

Aryanutkarsh / SeeCode

Animated, explorable diagrams for Claude and other coding agents, from a short JSON spec.

realmyang / MLView

Interactive, source-linked ML workflow diagrams written by your coding assistant (Copilot, Codex or Claude Code) and opened in VS Code.

ahmedkhaleel2004 / gitdiagram

Visualize any GitHub codebase: free interactive architecture diagrams and one-minute explainer videos. Replace 'hub' with 'diagram' in any GitHub URL.

microsoft / Ontology-Playground

Free, open-source web app for learning about ontologies and Microsoft Fabric IQ. Explore a catalogue of pre-built ontologies, design your own visually, export as RDF/XML, and share interactive diagrams. Zero backend, fully static.

tldraw / tldraw

Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.

likec4 / likec4

Visualize, collaborate, and evolve the software architecture with always actual and live diagrams from your code

Sleepy-Avacado / FigGenie-paper-diagram-skill

FigGenie — 无痛画顶会风格论文图. Painless top-conf-style paper figures: get a camera-ready diagram (SVG, PDF, editable PPTX).

nicobailon / visual-explainer

Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps

tone-row / flowchart-fun

Easily generate flowcharts and diagrams from text ⿻

drawdb-io / drawdb

Free, simple, and intuitive online database diagram editor and SQL generator.

Pouzor / homelable

Self-hosted homelab infrastructure visualizer — interactive network diagram with live status monitoring

coldteadotai / pr-lens

Review code 100X faster. Lens draws every PR as animated architecture and data-flow walkthroughs, inside the pull request itself. Use it as a GitHub App, GitHub Action, CLI, or a Skill for your coding agent

nimbalyst / nimbalyst

Nimbalyst - The open-source visual workspace for Claude Code, Codex, and OpenCode. Run multiple coding agents in parallel, edit their work visually in markdown, mockups, and diagrams, and track tasks. Free, MIT-licensed desktop app for macOS, Windows, Linux, with mobile companion for iOS and Android.

DayuanJiang / next-ai-draw-io

Draw and edit draw.io diagrams by chatting with an AI. Web app, desktop app, and an MCP server for Claude Code, Cursor, Codex and VS Code.

konvajs / konva

Konva.js is an HTML5 Canvas JavaScript framework for interactive graphics, design editors, whiteboards, and diagrams. Scene graph with events, drag and drop, transforms, animations, and export.

bytedance / flowgram.ai

FlowGram is an extensible workflow development framework with built-in canvas, form, variable, and materials that helps developers build AI workflow platforms faster and simpler.

TabularisDB / tabularis

Open-source desktop SQL workspace with 3 built-in database drivers and 24 shipped driver plugins, including SQL Server, DuckDB, ClickHouse and Redis. Built-in MCP server for Claude, Cursor and Devin, SQL notebooks and visual EXPLAIN.

plannotator / effective-html

Agent skills for useful HTML artifacts, wireframes, interactive prototypes, plans, and diagrams.

ythx-101 / live-panel-skill

Config-driven animated architecture diagrams: turn one JSON file into a terminal-style, always-running diagram or a light-theme infographic that moves. Outputs H.264 mp4 or a live web page; also a Claude Code style skill (SKILL.md).

NahumLitvin / prismantis

Colorful, themeable Claude Code replies: tables, code, diagrams, charts and tool rows in 15 themes, with copy buttons. A Claude Code mod.

didi / LogicFlow

A flow chart editing framework focus on business customization. 专注于业务自定义的流程图编辑框架，支持实现脑图、ER图、UML、工作流等各种图编辑场景。

logisim-evolution / logisim-evolution

Digital logic design tool and simulator

sverweij / dependency-cruiser

Validate and visualize dependencies. Your rules. JavaScript, TypeScript, CoffeeScript. ES6, CommonJS, AMD.

quickdrawjs / quickdraw

The MIT-licensed infinite-canvas whiteboard SDK. An open-source tldraw alternative — no license fee, free for commercial use. React, React Native, and plain JS.

plolpl789 / dsh-raw-html

VCP visual-synesthesia protocol plugin for DeepSeek Harness: render agent HTML output as real UI (cards / KaTeX math / Mermaid diagrams / built-in calligraphy fonts / zero-JS interactions), plug-and-play on any DSH environment

rohingosling / automata-lab

Generate, edit, test, and execute Finite State Machines.

clientIO / joint

A proven SVG-based JavaScript diagramming library powering exceptional UIs

mermaid-js / mermaid-cli

Command line tool for the Mermaid library

k1LoW / tbls

tbls is a CI-Friendly tool to document a database, written in Go.

nicejade / markdown-online-editor

📝 基于 Vue2、Vditor，所构建的在线 Markdown 编辑器，支持绘制流程图、甘特图、时序图、任务列表、echarts 图表、五线谱，以及 PPT 预览、视频音频解析、HTML 自动转换为 Markdown 等功能。https://www.niceshare.site

varkor / quiver

A modern commutative diagram editor for the web.

kieler / elkjs

ELK's layout algorithms for JavaScript

yctimlin / mcp_excalidraw

MCP server and Claude Code skill for Excalidraw — programmatic canvas toolkit to create, edit, and export diagrams via AI agents with real-time canvas sync.

tuanchauict / MonoSketch

An ASCII graph drawing app

1jehuang / mermaid-rs-renderer

A fast native Rust Mermaid diagram renderer. No browser required. 500-1000x faster than mermaid-cli.

RackulaLives / Rackula

rack layout designer

OWASP / pytm

A Pythonic framework for threat modeling

fletcher-package / fletcher

Typst package for drawing diagrams with arrows, built on top of CeTZ.

oddlama / nix-topology

🍁 Generate infrastructure and network diagrams directly from your NixOS configurations

excalidraw / mermaid-to-excalidraw

Generate Excalidraw diagrams from Mermaid

openflowkit / openflowkit

Free, open-source diagram canvas. Draw it, write it as code (Mermaid, D2, Structurizr in), ask any AI model or a local one, let Claude Code edit it live over MCP, or map a GitHub repo with every arrow cited to a file and line. MIT, local-first, no account.

fasouto / termaid

Render Mermaid diagrams in your terminal or Python app

mattenarle10 / markamd

local-first markdown editor with live preview, reading mode, diagrams, themes, and context bundles.

inkeep / visimer

Visual editing for Mermaid diagrams.

ChangWenC / understanding-ladder

Karpathy's understanding ladder as agent skills: auto-pick text, diagram, interactive HTML, or video storyboard for any explanation. Nothing cut. English + 中文.

yibie / excali-mode

Excalidraw inside Emacs 32: edit .excalidraw files, drawn through the new canvas API