Topic · Development
Best diagrams skills, page 12
Diagrams skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 529 | 529.Pinepaper Build and check Pinepaper MCP diagrams, charts, motion, and interactive models when a lesson needs linked visual states or a changing quantity. | madhvantyagi/ | 339 | — | ~1k | Automated safety check: Pass | MIT | yesterday |
| 530 | 编写"数据库筑基课"文章的专用 Skill,面向数据库架构师、DBA 和业务开发者。输入一个筑基课文章标题及相关参考资料(技术文档、产品手册、开源项目地址、deepwiki、论文等),输出图文并茂、结构完整的 Markdown 筑基课文章,保存至项目 markdown/… | digoal/ | 8.6k | — | ~1.9k | Automated safety check: Warn | GPL-2.0 | 2 days ago |
| 531 | Analyze Azure resource groups and generate detailed Mermaid architecture diagrams showing the relationships between individual resources. | microsoft/ | 255 | 1 repo | ~2.1k | Automated safety check: Pass | MIT | yesterday |
| 532 | A skill your agent uses when creating or editing a skill in this offensive-claude repo — for the SKILL.md conventions (trigger descriptions, technique map, runnable scripts, OPSEC/detection… | hypnguyen1209/ | 388 | — | ~826 | Automated safety check: Pass | MIT | 13 days ago |
| 533 | 将任意文本、工作流、逻辑转换为清晰简约的 Mermaid 流程图。支持 flowchart、sequence、class 等多种图表类型。使用场景:(1) 需要可视化工作流程,(2) 将文档/对话转为流程图,(3) 创建系统架构图,(4) 生成时序图/类图。自动保存到 Obsidian 画板目录,按日期和主题分类。 | SpaceZephyr/ | 176 | — | ~920 | Automated safety check: Pass | No licence | 3 mo ago |
| 534 | Use this skill any time the user needs a visual output as an image or PDF — charts, diagrams, posters, infographics, abstract artwork, or any visual design. | aws-samples/ | 195 | — | ~1.5k | Automated safety check: Pass | MIT | 2 days ago |
| 535 | 535.Explain Explains code/architecture with Mermaid diagrams and sequence flows. | softspark/ | 179 | — | ~877 | Automated safety check: Pass | Apache-2.0 | 3 days ago |
| 536 | 536.Excalidraw Use Places existing images onto an Excalidraw whiteboard, turns a slide deck into clean per-slide images, and inspects a .excalidraw file. | daymade/ | 1.4k | — | ~2.1k | Automated safety check: Pass | MIT | yesterday |
| 537 | Creates interactive educational MicroSims using the best-matched JavaScript library (p5.js, Chart.js, Plotly, Mermaid, vis-network, vis-timeline, Leaflet, Venn.js). | ynulihao/ | 618 | — | ~2.1k | Automated safety check: Pass | No licence | 7 mo ago |
| 538 | Generate hand-drawn Excalidraw diagrams from a prompt — animated SVG, hosted edit link, and PNG export. | nexu-io/ | 100k | — | ~336 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 539 | Use this plugin when the user wants a "Decision Tree" HyperFrames motion video — Animated flowchart with branching paths | nexu-io/ | 100k | — | ~320 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 540 | Use this plugin when the user wants a "Product Promo · 30s" HyperFrames motion video — Multi-scene 30-second product promo: problem-type intro, brand reveal, benefits flowchart, product surfaces… | nexu-io/ | 100k | — | ~443 | Automated safety check: Pass | MIT | yesterday |
| 541 | Business capability modeling using BABOK Business Capability Analysis. | Prorise-cool/ | 306 | — | ~2k | Automated safety check: Pass | No licence | 25 days ago |
| 542 | 542.Visual Explainer HTML explainers, diagrams, architecture, timelines, source maps, slide decks, comparison tables, recaps, plan and diff reviews. | jamditis/ | 416 | — | ~11k | Automated safety check: Pass | MIT | 6 days ago |
| 543 | Diagram screen-level paths, decision points, and branch logic. | Owl-Listener/ | 2.9k | 1 repo | ~448 | Automated safety check: Pass | MIT | 1 mo ago |
| 544 | Writes precise, well-structured Mermaid diagrams for any visualization need. | curiositech/ | 244 | — | ~2.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 545 | Wrapper skill for running nf-core/rnastructurome — chemical-probing RNA structure analysis (SHAPE/DMS, RT-stop/MaP readout) from FASTQ to per-base reactivity, secondary-structure predictions, and 2D… | ClawBio/ | 1.2k | — | ~6.6k | Automated safety check: Pass | MIT | 2 days ago |
| 546 | You are a code education expert specializing in explaining complex code through clear narratives, visual diagrams, and step-by-step breakdowns. | aiskillstore/ | 433 | 7 repos | ~456 | Automated safety check: Pass | No licence | yesterday |
| 547 | You are a documentation expert specializing in creating comprehensive, maintainable documentation from code. | aiskillstore/ | 433 | 7 repos | ~462 | Automated safety check: Pass | No licence | yesterday |
| 548 | How to author, wire, and verify the hand-drawn brand SVG diagrams on the Flowfile docs site — the exact file contract (viewBox, role + aria-label, defs→style→content), the shipped palette and… | Edwardvaneechoud/ | 385 | — | ~5.5k | Automated safety check: Pass | MIT | yesterday |
| 549 | 549.Prepare PR Prepare a branch for review by committing scoped changes, rebasing on main, running builds, and creating or updating a pull request. | greenfield-inc/ | 527 | — | ~1.5k | Automated safety check: Pass | Unknown | yesterday |
| 550 | 550.Plan Eng Review Eng manager-mode plan review. An agent skill from mr-daedalium/ostack-saas. | mr-daedalium/ | 114 | 1 repo | ~13k | Automated safety check: Notes | MIT | 6 mo ago |
| 551 | 551.Vasp Prepare, validate, run, and troubleshoot VASP DFT calculations for periodic materials. | JCLiuGroup/ | 148 | — | ~1.1k | Automated safety check: Pass | Unknown | 13 days ago |
| 552 | Create and edit diagrams using the Draw.io MCP server — any shape, any vendor. | thomast1906/ | 202 | — | ~6.6k | Automated safety check: Pass | No licence | 3 days ago |
| 553 | 553.Excalidraw Hand-drawn diagrams in Excalidraw JSON (architecture, flowcharts) | taracodlabs/ | 852 | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | 27 days ago |
| 554 | Generate deployment-ready Bicep templates and PowerShell scripts from an approved Draw.io Azure architecture diagram. | Azure/ | 101 | — | ~3.1k | Automated safety check: Warn | MIT | 1 mo ago |
| 555 | 555.Tikz Flowchart Creates professional TikZ flowcharts with standardized themes, including Google Material-like and Anthropic-inspired options. | yzlnew/ | 149 | — | ~960 | Automated safety check: Pass | No licence | 3 mo ago |
| 556 | 556.Explain Flow Explain how code flows with concrete input/output examples, ASCII diagrams, and before/after tables. | meain/ | 285 | — | ~857 | Automated safety check: Pass | MIT | 3 days ago |
| 557 | Develop chart, code, mermaid, katex, formatter plugins for MarkdownEditor in @ant-design/agentic-ui. | antdigital-ai/ | 224 | — | ~236 | Automated safety check: Pass | MIT | yesterday |
| 558 | 558.Mermaid Diagrams Practical guide for creating human-readable and agent-parseable diagrams using Mermaid. | comol/ | 481 | — | ~1.6k | Automated safety check: Pass | No licence | 3 days ago |
| 559 | 559.Figure Spec Generate deterministic publication-quality architecture, workflow, and pipeline diagrams from structured JSON (FigureSpec) into editable SVG. | AI4Scientist/ | 128 | 2 repos | ~2.1k | Automated safety check: Notes | No licence | 4 mo ago |
| 560 | Extracts conversational transcripts from .drawio XML files. An agent skill from GoogleCloudPlatform/cxas-scrapi. | GoogleCloudPlatform/ | 107 | — | ~1.3k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 561 | 561.Update PR Update an existing GitHub pull request's title and description to reflect the current state of the branch. | tobihagemann/ | 408 | — | ~2.5k | Automated safety check: Pass | MIT | 2 days ago |
| 562 | 562.Mermaid Diagrams Platform-agnostic Mermaid.js diagramming — flowcharts, sequence diagrams, C4 (via Structurizr or flowchart workarounds), class/state/ER diagrams, Gantt, and block diagrams. | magnus919/ | 289 | — | ~2.2k | Automated safety check: Pass | MIT | 3 mo ago |
| 563 | Writes complete, publication-grade figure legends that can stand on their own. | aipoch/ | 1.9k | — | ~1.5k | Automated safety check: Pass | MIT | 24 days ago |
| 564 | Create standalone beginner tutorial packages from a topic or supplied references, with adaptive research, course-style outline design, chapter visuals, and Markdown/DOCX/PDF/HTML exports. | yaojingang/ | 1.3k | — | ~698 | Automated safety check: Pass | MIT | 1 mo ago |
| 565 | HARD i18n rules digest for the oss-docs harness specialists working on moai-adk-go README 4-locale set and the docs-site (adk.mo.ai.kr). | modu-ai/ | 1.2k | — | ~1.2k | Automated safety check: Notes | Apache-2.0 | yesterday |
| 566 | Generate consistent, template-based Mermaid diagrams for technical content. | LeoYeAI/ | 2.2k | — | ~4.1k | Automated safety check: Pass | MIT | 2 mo ago |
| 567 | 567.Spring Data Jpa A skill your agent uses when generating or refactoring Spring Boot 4 JPA entities, repositories, queries, projections, persistence tests, entity relationships, embeddables, IDs, or Hibernate mappings. | rrezartprebreza/ | 301 | — | ~3k | Automated safety check: Pass | MIT | 19 days ago |
| 568 | [Deprecated] Optional advanced tool for complex data modeling. | TencentCloudBase/ | 1.1k | 1 repo | ~1.8k | Automated safety check: Pass | MIT | yesterday |
| 569 | 569.Diagrams Create or audit maintainable diagrams when relationships, sequence, state, hierarchy, or quantitative comparisons are materially clearer visually than in prose. | citypaul/ | 740 | — | ~1.4k | Automated safety check: Pass | Unknown | 2 days ago |
| 570 | 570.Mermaid Diagram Generate Mermaid diagrams from user requirements. An agent skill from AI4Scientist/nano-scientist. | AI4Scientist/ | 128 | 3 repos | ~2.9k | Automated safety check: Pass | No licence | 4 mo ago |
| 571 | 571.Visualize Create publication-quality figures that meet journal submission standards. | brycewang-stanford/ | 4.6k | — | ~1.4k | Automated safety check: Pass | Unknown | 5 days ago |
| 572 | A skill your agent uses when debugging or preventing errors in Frappe Client Scripts. | Impertio-Studio/ | 189 | — | ~2.4k | Automated safety check: Pass | MIT | 24 days ago |
| 573 | Mermaid diagram specialist for creating flowcharts, sequence diagrams, ERDs, and architecture visualizations | davila7/ | 33k | — | ~3.8k | Automated safety check: Pass | MIT | yesterday |
| 574 | 574.Visual Output Emit rich visual output in chat via <widget tags — styled HTML cards, charts, tables, interactive tools, and drawn SVG/canvas diagrams, illustrations, and animations — theme-aware, centered, and… | Sidiora-Labs/ | 217 | — | ~4.2k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 575 | Render a reverse-spec rebuild package as traced, script-checked visuals — a Mermaid ER diagram of model.md entities, capability use cases as BPMN processes, and one browsable HTML catalog. | BlackBeltTechnology/ | 315 | — | ~4.8k | Automated safety check: Pass | MIT | yesterday |
| 576 | ANALYSIS SKILL — List, find, and visualize Azure resources via Resource Graph or Mermaid. | jonathan-vella/ | 217 | — | ~2k | Automated safety check: Pass | MIT | yesterday |
Explore related skills
Category
More topics in Development
- Pull requests1,954
- Debugging1,175
- Changelog and release notes1,169
- Refactoring1,142
- Code review1,046
- Technical documentation1,009
- Linting and formatting858
- Git workflow817
- Project scaffolding746
- Root cause analysis604
- Code quality598
- Commit messages566
- Architecture decision records554
- Git worktrees541
- Performance optimization442
- Design patterns385
- Type safety293
- Software architecture283
- Dependency management279
- Monorepo tooling264
- Async programming262
- Error handling252
- Issue triage237
- Codebase onboarding227