Topic · Development
Best diagrams skills, page 3
Diagrams skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 97 | 97.Design First Guides the creation of technical design documents before writing code, producing architecture diagrams, data models, API interface definitions, implementation plans, and multi-option trade-off… | rohitg00/ | 1.5k | — | ~1.5k | Automated safety check: Pass | Apache-2.0 | 4 mo ago |
| 98 | Directly generate design-oriented AI images with strong creative direction and prompt engineering. | kangarooking/ | 102 | — | ~1.5k | Automated safety check: Pass | MIT | 5 mo ago |
| 99 | 99.Drawio Create, edit, replicate, import, and export draw.io diagrams with an offline YAML-first workflow: architecture, network topologies, flowcharts, UML/ER, org charts, Mermaid/CSV conversion, existing… | bahayonghang/ | 287 | — | ~4.1k | Automated safety check: Notes | MIT | 1 mo ago |
| 100 | 100.Jpa Patterns JPA/Hibernate patterns and common pitfalls (N+1, lazy loading, transactions, queries). | decebals/ | 751 | 1 repo | ~4k | Automated safety check: Pass | MIT | 1 mo ago |
| 101 | 101.Drawio Skill A skill your agent uses when user requests diagrams, flowcharts, architecture charts, or visualizations. | ranxi2001/ | 703 | — | ~6.6k | Automated safety check: Pass | MIT | today |
| 102 | Produces an in-depth architecture report on an open-source project or framework, explaining why it is designed the way it is rather than just what the code does. | yzddmr6/ | 491 | — | ~2.2k | Automated safety check: Pass | MIT | 5 mo ago |
| 103 | 103.Neva To Mermaid Convert Neva programs to valid Mermaid flowchart diagrams. An agent skill from nevalang/neva. | nevalang/ | 1.1k | — | ~795 | Automated safety check: Pass | MIT | 1 mo ago |
| 104 | Writes .excalidraw JSON diagrams and exports them to PNG or SVG through the Kroki API or a local Firefox-based CLI. | dtsola/ | 1k | — | ~3.5k | Automated safety check: Pass | Unknown | 7 days ago |
| 105 | 105.Audit Flow Interactive system flow tracing across CODE, API, AUTH, DATA, NETWORK layers with SQLite persistence and Mermaid export. | zebbern/ | 4.7k | — | ~4.2k | Automated safety check: Pass | MIT | today |
| 106 | 106.Edu Pm Workflow Product management workflow for producing PRDs, interactive HTML prototypes, flowcharts, acceptance checklists, demand analysis, and data reports. | beautfulmt/ | 135 | — | ~4.3k | Automated safety check: Pass | No licence | 26 days ago |
| 107 | 107.Research Figure Generate publication-quality figures for academic papers: LaTeX TikZ method pipelines and Blender 3D renders. | chingswy/ | 178 | — | ~5k | Automated safety check: Pass | No licence | 28 days ago |
| 108 | 108.Vibex Diagrams and checkable docs from a codebase. An agent skill from Raja0sama/vibex. | Raja0sama/ | 388 | — | ~7.8k | Automated safety check: Pass | MIT | 3 days ago |
| 109 | 109.Datamodellm Create visual data models for database schemas using Nimbalyst's DataModelLM editor. | nimbalyst/ | 1.9k | — | ~713 | Automated safety check: Pass | MIT | today |
| 110 | 110.Tldraw API Create, inspect, edit, persist, and verify tldraw canvases through the tldraw Desktop local Canvas API without mouse-driven Computer Use. | hoangnb24/ | 230 | — | ~1.5k | Automated safety check: Pass | No licence | 2 mo ago |
| 111 | 111.Drawio AWS A skill your agent uses when the user asks for an AWS architecture diagram — VPC/networking, event-driven, landing zone, multi-AZ, serverless pipeline, or any diagram built with AWS service icons. | sparklabx/ | 654 | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
| 112 | 112.Omm View Start the omm web viewer to explore architecture diagrams in the browser. | oh-my-mermaid/ | 2.5k | — | ~338 | Automated safety check: Pass | MIT | 6 mo ago |
| 113 | 113.Create Diagram Create architecture diagrams from a local codebase or system description. | Mertcikla/ | 287 | — | ~1.6k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 114 | 114.Use Case Writer Generate Use Case specifications in English Markdown following the IT BA standard 13-field template (Karl Wiegers / IIBA). | phucnt-bazone-vietnam/ | 142 | — | ~4.1k | Automated safety check: Pass | MIT | 4 mo ago |
| 115 | 115.Clay Sketch Draw and revise UI wireframes directly in Clay chat with the built-in clay-sketch renderer. | chadbyte/ | 399 | — | ~2.5k | Automated safety check: Pass | AGPL-3.0 | today |
| 116 | Produce a repository architecture analysis and staged learning guide. | x554960766/ | 175 | — | ~933 | Automated safety check: Pass | Unknown | 10 days ago |
| 117 | Builds hand-editable SVG diagrams from computed layout coordinates, lints the source and renders a 2x PNG, with rules for when mermaid is the better choice. | modu-ai/ | 1.2k | — | ~5.2k | Automated safety check: Notes | Apache-2.0 | today |
| 118 | A skill your agent uses when users want XiaoBei skill / xiaobei-skill / 小北在读研 style academic image-to-VBA reconstruction: convert academic figures, scientific diagrams, slides, screenshots, or other… | xiao24bei/ | 584 | — | ~6.9k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 119 | Explain Spec Kitty work with compact, checkable visuals. An agent skill from spec-kitty/spec-kitty. | spec-kitty/ | 1.7k | — | ~944 | Automated safety check: Pass | MIT | today |
| 120 | 120.Skill Authoring Create, port, revise, or audit repo-local skills and their metadata, engineering contracts, and task routes. | authcrunch/ | 108 | 1 repo | ~2.5k | Automated safety check: Pass | No licence | 4 days ago |
| 121 | 121.Lunwen 用于撰写、补写、压缩、仿写、规范化交付中文毕业论文、毕业设计论文、技术报告和课程设计论文。用户提到论文、样文、学校模板、参考文献、摘要、图表、截图、Word 成稿、查重口吻优化,或需要基于真实项目代码生成论文正文时必须使用。本技能内置样文结构学习、样式提取、章节控字、参考文献筛选、Mermaid/PlantUML 图表处理、Chrome MCP 页面截图工作流,以及 doc/docx Word… | Doryoku1223/ | 652 | — | ~1.7k | Automated safety check: Pass | MIT | 6 mo ago |
| 122 | 122.Maa Project Init Scan and initialize a MaaFramework game or app automation project for Maa skills and MaaMCP workflows. | duorua/ | 338 | — | ~2.2k | Automated safety check: Pass | AGPL-3.0 | today |
| 123 | 123.Pptgen Drawio 根据论文或汇报内容生成多页 Draw.io 格式 PPT,支持论文答辩与通用汇报两种模式,自动导出为 .pptx。当用户提到论文答辩 PPT、答辩幻灯片、通用 PPT、汇报 PPT、根据模板生成 PPT、drawio2pptx 时使用。 | xstongxue/ | 3k | — | ~2.1k | Automated safety check: Pass | Apache-2.0 | 26 days ago |
| 124 | Convert a complete academic source package, such as a paper, report, proposal, review outline, PDF, Word document, Markdown file, or pasted text, into a Chinese academic .pptx deck. | wycmochi/ | 120 | — | ~8.9k | Automated safety check: Notes | MIT | 1 mo ago |
| 125 | 125.Azure Diagrams Comprehensive technical diagramming toolkit for solutions architects, presales, and developers. | cmb211087/ | 150 | — | ~4k | Automated safety check: Notes | MIT | 3 mo ago |
| 126 | 126.PR Lens WHAT: Draws a code change or part of a codebase as an animated architecture or data-flow diagram, on its own or in a pull request. | coldteadotai/ | 1.9k | — | ~398 | Automated safety check: Pass | MIT | 5 days ago |
| 127 | Rebuild visual documents into reliable Markdown by combining text extraction with page or screenshot alignment. | KyrieCheungYep/ | 117 | — | ~5.7k | Automated safety check: Pass | No licence | 3 mo ago |
| 128 | 128.Opendocs Generates multi-format documentation (Word, PDF, PPTX, Markdown blog post, JIRA ticket, FAQ, changelog, LaTeX, social snippet, architecture diagram) from a GitHub README, npm package, local Markdown… | ioteverythin/ | 233 | — | ~746 | Automated safety check: Notes | MIT | 1 mo ago |
| 129 | 129.Design Deck Present visual options for architecture, UI, and code decisions with high-fidelity side-by-side previews. | nicobailon/ | 291 | — | ~4.3k | Automated safety check: Pass | No licence | 2 mo ago |
| 130 | 130.HTML Diagram Direct-invocation specialist for self-contained HTML diagrams whose layout, notation, and interaction clarify relationships, sequence, topology, state, hierarchy, or quantitative structure. | plannotator/ | 3.6k | — | ~678 | Automated safety check: Pass | MIT | 25 days ago |
| 131 | Build interactive, click-through architecture diagrams for software systems — a self-contained single HTML file with animated step-by-step flows, mode toggles (dev/prod, offline/online, v1/v2)… | konraddzbik/ | 115 | — | ~5k | Automated safety check: Pass | MIT | 2 mo ago |
| 132 | 132.Q Flow Create, audit or refresh evidence-grounded interactive software diagrams from source, schemas, config, or requirements; deliver offline HTML, graph JSON and SVG. | supermax92/ | 111 | — | ~2.6k | Automated safety check: Pass | MIT | yesterday |
| 133 | 133.Mermaid Diagrams Creating and refining Mermaid diagrams with live reload. An agent skill from veelenga/claude-mermaid. | veelenga/ | 215 | — | ~1.3k | Automated safety check: Pass | MIT | 2 days ago |
| 134 | 134.Bruce Drawio A skill your agent uses when the user wants to create any diagram: flowchart, architecture, UML (sequence/class), ER, mindmap, network topology, or any visual diagram. | bruc3van/ | 106 | — | ~5.8k | Automated safety check: Pass | MIT | 1 mo ago |
| 135 | 135.Drizzle Erd A skill your agent uses when needing to visualize database schema, generate ERD diagrams from Drizzle ORM schemas, or understand table relationships | hiroppy/ | 418 | — | ~627 | Automated safety check: Pass | MIT | today |
| 136 | 136.Diagram Show Mermaid diagrams in Mission Control's diagram viewer instead of dumping raw syntax in the terminal. | AgentSystemLabs/ | 159 | 1 repo | ~1.5k | Automated safety check: Pass | MIT | 17 days ago |
| 137 | "Learn then Build" — help developers understand AWS Well-Architected best practices for their specific workload, then produce actionable visual artifacts (architecture diagrams with WA annotations… | aws-samples/ | 273 | — | ~3.8k | Automated safety check: Pass | MIT-0 | 3 days ago |
| 138 | 138.Drawio Chart Draw.io 配图专家:用于生成和导出 .drawio 图表。在用户要求 draw.io、diagrams.net、流程图、架构图、时序图、ER 图、状态图、思维导图,或明确提到 .drawio、PNG、SVG、PDF 导出、技术文章配图时使用。默认输出专业技术风格,并遵循 floracat-architecture-diagram 的视觉规范。 | Snailclimb/ | 673 | — | ~687 | Automated safety check: Pass | No licence | 3 mo ago |
| 139 | This skill should be used when the user asks to "generate project documentation", "analyze codebase architecture", "create C4 architecture diagrams", "document a repository", "generate technical… | sopaco/ | 256 | — | ~1.4k | Automated safety check: Pass | MIT | today |
| 140 | 140.Sketch Lab Generate Sketch Lab architecture diagrams and open them via a share URL. | webdevcody/ | 182 | — | ~1.4k | Automated safety check: Pass | No licence | 2 mo ago |
| 141 | 141.Vision Call vision models (Doubao, Qwen, DeepSeek, OpenAI) to analyze images. | xiincs/ | 170 | — | ~1.2k | Automated safety check: Pass | MIT | 1 mo ago |
| 142 | Builds and lays out Obsidian Canvas files with sub-agents for images, diagrams and layout, from flowcharts and mood boards to presentation decks. | AgriciDaniel/ | 300 | — | ~2.5k | Automated safety check: Pass | MIT | 6 mo ago |
| 143 | 143.Antv G2 Chart A skill your agent uses whenever the user wants to create, customize, or troubleshoot G2 v5 chart visualizations. | antvis/ | 506 | — | ~2.5k | Automated safety check: Pass | MIT | 17 days ago |
| 144 | 144.Excalidraw Create diagrams and visual drawings using Excalidraw (.excalidraw files). | nimbalyst/ | 1.9k | — | ~1.5k | Automated safety check: Pass | MIT | today |
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