Topic · Development
Best diagrams skills, page 2
Diagrams skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 49 | 49.Markvis A skill your agent uses when the user wants a chart of numbers in Markdown (bar, line, area, scatter, pie, hist, heatmap, funnel, waterfall, radar, gauge, sankey, treemap, dumbbell, bullet, boxplot… | geekplux/ | 1.6k | — | ~786 | Automated safety check: Pass | MIT | yesterday |
| 50 | Create animated flow diagrams from articles, workflow notes, architecture sketches, or process descriptions using a JSON specification and a local Python/Pillow renderer. | AI-Builder-Club/ | 1.3k | — | ~845 | Automated safety check: Pass | No licence | 23 days ago |
| 51 | 51.Imagen Generate images using Google Gemini's image generation capabilities. | sanjay3290/ | 431 | 6 repos | ~657 | Automated safety check: Pass | Apache-2.0 | 28 days ago |
| 52 | 52.Nano Banana REQUIRED for all image generation requests. An agent skill from kkoppenhaver/cc-nano-banana. | kkoppenhaver/ | 378 | 1 repo | ~1.4k | Automated safety check: Pass | MIT | 4 mo ago |
| 53 | 53.Omm Push Push architecture docs to oh-my-mermaid cloud. An agent skill from oh-my-mermaid/oh-my-mermaid. | oh-my-mermaid/ | 2.5k | — | ~441 | Automated safety check: Pass | MIT | 6 mo ago |
| 54 | 54.Archscribe Create premium hand-drawn architecture, workflow, and swimlane diagrams in a dark neon or light paper style, with editable Excalidraw sources, PNG/SVG previews, animated GIF/MP4 output, and… | lazypay/ | 359 | — | ~1.9k | Automated safety check: Pass | MIT | 2 mo ago |
| 55 | Explains how a public GitHub repository is built by fetching its GitDiagram architecture diagram, components and optional explainer video. | ahmedkhaleel2004/ | 18k | — | ~429 | Automated safety check: Pass | MIT | today |
| 56 | Draw architecture, flow and structural diagrams in the Anthropic/Claude visual language as SVG, then render and save them as PNG. | rookie-ricardo/ | 935 | — | ~3k | Automated safety check: Pass | MIT | 2 mo ago |
| 57 | Redesign GitHub README homepages or create standalone GitHub-safe SVG and animated GIF assets around a repository's real theme. | Zergie/ | 106 | 1 repo | ~3.2k | Automated safety check: Pass | GPL-3.0 | 1 mo ago |
| 58 | 58.Live Panel Build a terminal-style, always-running animated architecture diagram (a "live panel") from a JSON config and render it to an mp4. | ythx-101/ | 664 | — | ~1.7k | Automated safety check: Pass | MIT | 2 days ago |
| 59 | Generates article illustrations, batch slide infographics and cover images from your text, using Gemini, Mermaid or Excalidraw engines and a prompt-only mode. | axtonliu/ | 564 | — | ~1.8k | Automated safety check: Pass | MIT | 3 mo ago |
| 60 | 60.Figure Hybrid figure pipeline (Nano Banana raster + rembg background removal + TikZ vector assembly). | Muuuun/ | 1.2k | — | ~1.2k | Automated safety check: Pass | MIT | 1 mo ago |
| 61 | 61.Mermaid Render Mermaid diagrams as SVG or ASCII art using beautiful-mermaid. | peintune/ | 228 | 1 repo | ~729 | Automated safety check: Pass | MIT | 4 days ago |
| 62 | Create, edit, replicate, and iteratively refine editable research and technical diagrams in diagrams.net/draw.io (.drawio XML) from prompts, papers, repositories, screenshots, or existing diagrams. | Will-hxw/ | 413 | — | ~5.9k | Automated safety check: Pass | MIT | 3 mo ago |
| 63 | Creates, validates and renders Mermaid diagrams to SVG, PNG or ASCII, including C4 and AWS architecture-beta, flowcharts, sequence diagrams and ERDs. | tech-leads-club/ | 7k | — | ~4.6k | Automated safety check: Pass | CC-BY-4.0 | yesterday |
| 64 | Help Codex plan, generate, reproduce, and refine editable Microsoft Visio scientific diagrams. | 0Antique/ | 244 | — | ~1.2k | Automated safety check: Pass | No licence | 4 mo ago |
| 65 | 65.Molecode A skill your agent uses for deterministic molecule understanding, graph-level editing, generation, and validation with MoleCode — an explicit Mermaid graph in which every atom and bond is a typed… | AtomFlow-AI/ | 306 | — | ~1.9k | Automated safety check: Pass | MIT | 4 mo ago |
| 66 | A skill your agent uses when the user needs engineering or research-paper figures: system architecture diagrams, algorithm workflows, hardware schematics, benchmark charts, ablation plots, figure… | heyu-233/ | 305 | — | ~1.1k | Automated safety check: Pass | MIT | 4 mo ago |
| 67 | A skill your agent uses to produce standalone, publication-ready PNG graphics and reproducible matplotlib scripts from tabular data (CSVs or DataFrames). | EvoScientist/ | 476 | 1 repo | ~4.4k | Automated safety check: Pass | Apache-2.0 | 9 days ago |
| 68 | Designs Azure infrastructure from a natural-language description, or diagrams an existing resource group, then refines the design through conversation and deploys it with Bicep. | github/ | 40k | 1 repo | ~1.9k | Automated safety check: Pass | MIT | today |
| 69 | 69.Omm Scan Scan codebase architecture and generate/update .omm/ documentation. | oh-my-mermaid/ | 2.5k | — | ~1.8k | Automated safety check: Pass | MIT | 6 mo ago |
| 70 | 70.Pymatgen Materials science toolkit. An agent skill from zLanqing/codex-claude-academic-skills. | zLanqing/ | 4.7k | 11 repos | ~5k | Automated safety check: Pass | MIT | 4 mo ago |
| 71 | Override built-in Markstream node renderers and add trusted custom tags across Vue, React, Svelte, and Angular. | Simon-He95/ | 3k | — | ~955 | Automated safety check: Pass | MIT | 4 days ago |
| 72 | 72.Excalidraw Create hand-drawn style diagrams using Excalidraw JSON format. | RedWoodOG/ | 177 | 5 repos | ~1.8k | Automated safety check: Pass | MIT | 4 mo ago |
| 73 | Create camera-ready, editable draw.io figures from papers, method descriptions, code, or reference images. | M1n-n9/ | 218 | — | ~3.3k | Automated safety check: Pass | No licence | 1 mo ago |
| 74 | 74.Plan Preview Plan Mode の <proposedplan を出す直前に、計画の段階・依存関係・検証観点を一時HTMLで視覚確認したい時に使う agent-internal skill。Use this agent-internal skill to create a temporary HTML preview for a plan just before presenting… | u-ichi/ | 298 | 1 repo | ~1.8k | Automated safety check: Pass | MIT | 29 days ago |
| 75 | 75.Eli5 WHAT: Explains a codebase, a folder, a feature, a command or a pull request to someone who knows nothing about it, as a PR Lens canvas whose walkthrough builds the picture one part at a time. | coldteadotai/ | 1.9k | — | ~2.3k | Automated safety check: Pass | MIT | 5 days ago |
| 76 | Comprehensive markdown and Mermaid diagram writing skill that establishes text-based diagrams as the DEFAULT documentation standard. | neflibata-feng/ | 126 | 5 repos | ~3.8k | Automated safety check: Notes | Apache-2.0 | today |
| 77 | A skill your agent uses when user says "send to Ray," "show in Ray," "debug in Ray," "log to Ray," "display in Ray," or wants to visualize data, debug output, or show diagrams in the Ray desktop… | anonaddy/ | 4.9k | — | ~2.3k | Automated safety check: Pass | AGPL-3.0 | 3 days ago |
| 78 | 78.Docs To Book 把任意项目消化重构为一本结构化、带阅读路线的离线"网站书",帮助接手者按认知逻辑快速吃透项目。输入可以是散乱文档(docs/ 里成堆的 markdown),也可以在文档缺失或过时时由 agent 探查代码库反推梳理;产出零依赖、双击即开的静态多页站点(侧边栏导航、上下页、全文搜索、深浅色、Mermaid… | lili-luo/ | 687 | — | ~2.2k | Automated safety check: Pass | No licence | 3 mo ago |
| 79 | 深度调研主题并自动生成知识关系图谱PDF。接收研究主题后自动进行网络调研、信息收集、知识整理,最终生成专业的可视化关系图谱。适用于"研究...并做图"、"深度分析...并可视化"、"生成知识图谱"等场景。 | wshuyi/ | 156 | 1 repo | ~1.1k | Automated safety check: Pass | MIT | 9 mo ago |
| 80 | 80.Explainer 特定の読み手に向けて、概念・PR・設計を「冗長にならない水準」の速習資料として説明し、図と主張を道具で検証する。読み手のペルソナ(既に知っていること・知らないこと・読み方)を質問と公開情報から作り、その差分だけを書く。図は Mermaid / D2 で描いて事実シートに照らし、本文に引用するコード・出力は再実行して照合し、HTML は vlmkit のゲートに通す。Use when the… | mizchi/ | 424 | — | ~2.3k | Automated safety check: Pass | MIT | 3 days ago |
| 81 | 81.Sql2er A skill your agent uses when the user wants a Chen-model ER diagram from SQL CREATE TABLE statements or DBML, wants to rearrange or clean up an existing sql2er state, wants a skeleton-only overview… | ystemsrx/ | 188 | — | ~1.1k | Automated safety check: Pass | AGPL-3.0 | 8 days ago |
| 82 | Turn any system architecture into an interactive, pannable/zoomable canvas diagram (dark by default with a light switcher, JetBrains Mono, plane-coloured bands, click-to-isolate focus, PNG export) —… | yulonghe97/ | 147 | — | ~1.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 83 | 83.Visio Skill Generate or modify Microsoft Visio .vsdx diagrams using local Visio COM automation. | deermiya/ | 183 | — | ~2.5k | Automated safety check: Pass | No licence | 3 mo ago |
| 84 | 84.Fable Domain Discuss a domain with the user, research it from real sources, then generate a trusted skill bundle for it - a step-by-step workflow with a flowchart, a domain adapter, a trap fixture, and a smoke… | Sahir619/ | 2.3k | — | ~2.6k | Automated safety check: Pass | MIT | 6 days ago |
| 85 | 85.Ichartjs Plan, validate, render, explain, and safely edit iChart.js visualizations from tabular, project, or diagram data. | wanghetommy/ | 352 | — | ~4.3k | Automated safety check: Pass | Apache-2.0 | today |
| 86 | 86.Dashmotion Create dark-themed, animated technical diagrams as self-contained HTML+SVG files — flowcharts whose connectors visibly flow, and architecture diagrams where requests travel as light dots through the… | csthink/ | 176 | — | ~3.5k | Automated safety check: Pass | MIT | 3 mo ago |
| 87 | Writes a structured first draft of a B2B product requirements document from your business context, chapter by chapter, with Mermaid diagrams. | pmYangKun/ | 348 | — | ~879 | Automated safety check: Pass | No licence | 4 mo ago |
| 88 | A skill your agent uses when turning any content into clear, professional visualizations - board slides, reports, proposals, research summaries, training materials, technical diagrams, infographics… | kgraph57/ | 128 | — | ~3.2k | Automated safety check: Pass | MIT | 1 mo ago |
| 89 | 89.Bm Md 使用 bm.md 写作、改写、排版或渲染 Markdown;生成 Mermaid 与 AntV Infographic,设置图片尺寸、高亮重点,以及执行 HTML/纯文本转换和 Markdown lint | miantiao-me/ | 617 | — | ~2.1k | Automated safety check: Pass | LGPL-3.0 | 10 days ago |
| 90 | 90.SVG Diagram SVG diagramming conventions blending a technical look with CJK-friendly typography. | bybit-exchange/ | 614 | — | ~6.6k | Automated safety check: Pass | MIT | 1 mo ago |
| 91 | Generate Excalidraw diagrams from text content. An agent skill from Gerstep/cybos. | Gerstep/ | 104 | 2 repos | ~2.3k | Automated safety check: Pass | No licence | 1 mo ago |
| 92 | Generates, edits and validates draw.io files with correct mxGraph XML, covering flowcharts, architecture, sequence, ER and UML class diagrams. | github/ | 40k | 1 repo | ~4.9k | Automated safety check: Pass | MIT | today |
| 93 | Creates, edits, reviews, and regenerates C4 architecture diagrams written with goa.design/model and the mdl CLI. | goadesign/ | 467 | — | ~4.2k | Automated safety check: Pass | MIT | 3 days ago |
| 94 | Design research method figures from an existing paper, retrieve visual priors from component or private PPTX libraries, produce editable diagrams, and revise selected objects while preserving… | IamJerryXu/ | 145 | — | ~1.9k | Automated safety check: Pass | No licence | 29 days ago |
| 95 | 95.Drawio Skill A skill your agent uses when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, SysML / MBSE diagrams (block definition, internal block… | yuanchen-home/ | 319 | — | ~11k | Automated safety check: Pass | MIT | 1 mo ago |
| 96 | 将学术论文转化为深度HTML长文。6轮强制工作流、代码仓库搜索、公式渲染、Mermaid图表. An agent skill from zsyggg/paper-craft-skills. | zsyggg/ | 1.3k | — | ~1.9k | Automated safety check: Pass | No licence | 4 mo ago |
Explore related skills
Category
More topics in Development
- Pull requests1,953
- Debugging1,170
- Changelog and release notes1,168
- Refactoring1,139
- Code review1,044
- Technical documentation1,010
- Linting and formatting859
- Git workflow815
- Project scaffolding749
- Root cause analysis605
- Code quality601
- Commit messages564
- Architecture decision records555
- Git worktrees538
- Performance optimization442
- Design patterns389
- Type safety293
- Software architecture285
- Dependency management279
- Monorepo tooling265
- Async programming257
- Error handling253
- Issue triage236
- Codebase onboarding226