Best diagrams skills, page 4

Generate interactive, inline HTML/SVG widgets (charts, diagrams, forms, dashboards, illustrations) that render in sandboxed iframes inside Kocoro Desktop chat.

Kocoro-lab/Kocoro

Friendly, step-by-step setup for ERD Studio in an existing dbt project, for people who may be new to dbt or data modelling.

liam-machine/erd-studio

Looks up public original architecture diagrams for named LLM, vision-language, MoE, diffusion and OCR models and returns the image with its source attribution.

BBuf/AI-Infra-Auto-Driven-SKILLS

A skill your agent uses when the user asks for an Azure architecture diagram — VNet/networking, App Service, AKS, landing zone, multi-region, or any diagram built with Azure service icons.

sparklabx/drawio-ai-kit

Step 2 of the PaperOrchestra pipeline (arXiv:2604.05018). An agent skill from Ar9av/PaperOrchestra.

Ar9av/PaperOrchestra

Create premium animated technical diagrams as single self-contained HTML+SVG files — flowcharts whose connectors visibly flow and architecture diagrams where requests travel as glowing comet dots…

SylphAI-Inc/skills

Generates a self-contained HTML file with an interactive, clickable Mermaid diagram (flowchart or ER diagram) that explains how a codebase feature, flow, architecture, or database schema works.

alexanderop/walkthrough

Creates C4 model diagrams at every zoom level, from system landscape to code, in ASCII, Mermaid or Structurizr, for designing or documenting software architecture.

lexler/skill-factory

Creates a visual engineering implementation plan as a single self-contained HTML page saved to specs/<name.html — the plan authored directly in styled HTML, with one AI-generated diagram image per…

disler/pi-agent-observability

Choose and compose the right Excalidraw diagram - architecture, flowchart, sequence, state, ER, swimlane, process, timeline, quadrant, pyramid, venn, loop, gantt, bar, line, scatter, and more -…

BV-Venky/excalidraw-architect-mcp

Maintain bounded, durable AI project memory in a repository's docs/ai/ pack.

tudoumashu/ai-memory-skillpack

规划、生成、修改和检查数学建模与科研图表；包含143个完整源码配方、3套组合模板、统一配色和来源差异工具，以及Draw.io/TikZ、HTML/Mermaid和科学场景插图。

yjz211/vivid-figures-skill

A skill your agent uses when the user wants to create any technical diagram - architecture, data flow, flowchart, sequence, agent/memory, or concept map - and export as SVG+PNG.

ninehills/skills

Professional diagram and architecture visualization design system for Remotion video compositions.

coleam00/hyperframes-ai-video-generation

Builds an evidence-backed invention disclosure packet from a project or research result for attorney or patent-agent review, without giving legal advice.

Light0305/Light-skills

A skill your agent uses when creating flowcharts, architecture diagrams, or conceptual diagrams - generates prompts for image AI

Norman-bury/research-writing-skill

Watch any social video → get an architecture diagram, working component, runnable notebook, or step-by-step cheat sheet — automatically.

sonpiaz/watch-cli

Transform text content into professional Mermaid diagrams for presentations and documentation.

kv0906/pm-kit

手绘白板风"边画边讲"讲解视频出片 skill（Excalidraw 风格逐笔动画 + 火山引擎配音 + 烧录字幕 + 品牌水印与片尾卡 + 横竖两张封面 + 各平台发布文案）。当用户说"做一期白板视频 / 边画边讲 / 手绘讲解视频 / 用 excalidraw 做视频 / whiteboard video"，或要在本仓库里新建一期、改场景、换贴纸或真实…

trustfuture/simon-skills

Produce a self-contained HTML artifact instead of a markdown document when the content benefits from spatial layout, color, real diagrams, interactivity, or a round-trip editor.

dogum/html-artifacts

Create finished SmallDocs Markdown for an application using the SmallDocs renderer.

espressoplease/smalldocs

A skill your agent uses when asked to explain a topic, codebase, process, or document in a specific output format — plain language or Simplified Technical English (STE, in the style of ASD-STE100…

koolamusic/claudefiles

Always use when user asks to create, generate, or build an AWS architecture diagram, cloud infrastructure diagram, or system diagram with AWS services.

vidanov/aws-architecture-diagram-skill

Analyze one or more code repositories and produce a Normify module-tree structure database (per-module Markdown files with strict YAML frontmatter), then validate, build, and render it into an…

yan-mc/dsh-normify

Analyze codebases and automatically generate architecture diagrams, flowcharts, and org charts.

zebbern/claude-code-guide

A skill your agent uses when asked to create, edit, review, or debug a Lini diagram (a .lini file or its SVG) — architecture/box-and-arrow diagrams, flowcharts, mindmaps, org charts, ER schemas…

monfa-red/lini

Create polished dark-themed process flow diagrams as self-contained HTML+SVG files.

Cocoon-AI/process-flow-diagram-generator

Create and maintain consistent hand-drawn architecture visuals for pi-runbook.

Pr1p/pi-runbook

A skill your agent uses whenever the user wants to create, customize, or troubleshoot G6 v5 graph/network visualizations.

antvis/chart-visualization-skills

指导用户使用 @ant-design/agentic-ui 的 Markdown Editor / Renderer 扩展语法。图表场景优先使用内置 chart（HTML 注释 chartType + 表格），只有当内置 chartType 都不能表达诉求时才回退 Mermaid。Triggers on keywords like 表格, 视频, 图表, 卡片, 提示块, 流程图, 语法…

antdigital-ai/agentic-ui

Render the shape of code — module boundaries, the types that cross them, signatures, and a cited call graph — for code that already exists or a change about to be built.

citypaul/.dotfiles

A skill your agent uses when the user asks for a BPMN diagram, swimlane diagram, business process map, or workflow diagram with roles/lanes and phases.

sparklabx/drawio-ai-kit

Turns one specification document into program graphs following Nielson and Nielson's definition, writing each graph as a Mermaid file, one per functional unit.

NyxFoundation/speca

Publication-figure overlay for draw.io. An agent skill from bahayonghang/drawio-skills.

bahayonghang/drawio-skills

Picks the smallest visual that carries structure when prose alone would not: pseudocode, call tree, component or file tree, Mermaid or diff, and skips it when prose is enough.

Yeachan-Heo/oh-my-claudecode

Create SVG/HTML or Excalidraw diagrams for concepts, architecture, flows, and whiteboards.

openclaw/openclaw

Turns an English description or Mermaid source into a diagram set: the source, an editable .excalidraw file and rendered SVG and PNG images.

garrytan/gstack

Generate beautiful, on-brand HTML artifacts — reports, diagrams, diff reviews, slide decks, plans, recaps, dashboards.

display-dev/visualize

Best practices for creating research diagrams with Excalidraw MCP tools

vstorm-co/pydantic-deepagents

Draws chart images such as flowcharts, architecture diagrams, ER diagrams and SWOT boards for WeChat official account articles, in one of six visual styles.

SpaceZephyr/creator-buddy

Draws and refines Excalidraw diagrams on a live canvas through MCP tools or a REST API, with screenshots, file import and export, snapshots and Mermaid conversion.

lingzhi227/agent-research-skills

Generate or refresh a comprehensive, professional README.md for a repository, with architecture overview, mermaid and optional C4 diagrams, repository structure, dependencies, and API documentation.

divar-ir/ai-doc-gen

Writes READMEs, API references, architecture notes, developer guides, changelogs and inline comments after first mapping the codebase.

bytedance/deer-flow

Review and improve codebase architecture with source-backed current/proposed diagrams, tradeoffs and verification.

Qiuner/birdview

Distill the chatgpt-vue3-light-mvp project into reusable architecture for building similar ChatGPT-style web products in other repositories.

pdsuwwz/chatgpt-vue3-light-mvp

Produces Mermaid or PlantUML diagram code from user specifications for UML, architecture, and flow diagrams.

antoinebou12/uml-mcp

Generate AWS architecture diagrams in draw.io format. An agent skill from vidanov/aws-architecture-diagram-skill.

vidanov/aws-architecture-diagram-skill

End-to-end workflow for resolving a GitHub issue in astro-mermaid — triages complexity, then runs brainstorm → TDD → implement → docs/spec → code review at the right depth.

joesaby/astro-mermaid