Plugins

6 plugins

Architecture Documentation with Diagrams

Install this pack to analyze a codebase and produce architectural docs with diagrams, technology stack blueprints, and folder structure blueprints.

9 skills · plugin

Create Architecture Documentation

Create comprehensive architectural documentation with diagrams and ADRs for a codebase.

7 skills · plugin

Publish Wiki Documentation

Install this pack to generate, write, and publish a structured wiki documentation site with diagrams and LLM-friendly files.

3 skills · plugin

AI-powered wiki generator for code repositories. Generates comprehensive, Mermaid-rich structured documentation with architecture diagrams, component analysis, and source citations.

10 skills · plugin

Reporting and summary skills for the Han suite. Turns feature specifications into plain-language stakeholder summaries (also called executive or business summaries) with diagrams, for sharing with non-technical stakeholders before implementation kicks off.

2 skills · plugin

Builds multi-language source code graphs for security analysis: call graphs, attack surface mapping, blast radius, taint propagation, complexity hotspots, and entry point enumeration. Generates Mermaid diagrams (call graphs, class hierarchies, dependency maps, heatmaps). Compares code graph snapshots for structural diff and evolution analysis. Runs graph-informed mutation testing triage (genotoxic

10 skills · plugin

Results for “diagrams”

59 skills

Generates hand-drawn-style Excalidraw architecture diagrams from a codebase, including C4 context and container views, sequence diagrams for key flows, ER diagrams from database schemas, and module dependency graphs.

Generates Mermaid architecture diagrams from a codebase, including C4 context and container diagrams, sequence diagrams for key flows, ER diagrams from database schemas, and module dependency graphs.

Create text-based diagrams and visualizations using Mermaid.js v11 syntax, covering flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, and more. Includes CLI conversion to SVG/PNG/PDF, JavaScript integration, theming, and configuration options.

Create text-based diagrams with Mermaid.js v11 syntax, covering flowcharts, sequence diagrams, class diagrams, and more. Convert to SVG, PNG, or PDF via CLI, or embed in web pages with JavaScript.

Provides guides for creating diagrams and visualizations using Mermaid, Excalidraw, PlantUML, TikZ, and other tools, covering flowcharts, architecture diagrams, and scientific illustrations.

projectious-work

Generates Excalidraw diagrams programmatically as hand-drawn-style JSON. Use when creating architecture diagrams, flowcharts, or hand-drawn-style visuals for documentation, or when converting existing diagrams to editable Excalidraw JSON.

More results

excalidraw-diagram-generator

Generate Excalidraw diagrams from natural language descriptions, supporting flowcharts, relationship diagrams, mind maps, architecture diagrams, and more. Outputs .excalidraw JSON files that can be opened directly in Excalidraw.

36.2k · bundle

azure-resource-visualizer

Analyze Azure resource groups and generate detailed Mermaid architecture diagrams showing relationships between resources.

Creates, edits, and converts vector graphics and diagrams using LibreOffice Draw, supporting ODG, SVG, PDF, and PNG formats.

wiki-page-writer

Generates rich technical documentation pages with dark-mode Mermaid diagrams, source code citations, and first-principles depth.

architecture-blueprint-generator

Analyzes codebases to generate comprehensive architectural documentation, including technology stack detection, visual diagrams, and implementation patterns.

2574-c4-68e7f4b4

Create C4 architecture diagrams at context, container, and component levels with Mermaid syntax, including templates and styling tips.

diagram-generator

Generates editable diagram source code (Mermaid, Graphviz DOT, PlantUML, SVG) from natural language, code, schemas, or notes for flowcharts, sequence diagrams, ER diagrams, architecture diagrams, and more. Renders to PNG/SVG/PDF on request via a local Python script.

12.8k · bundle

Transform text plans into interactive visual documents with diagrams, code snippets, and review surfaces for coding agents.

Analyzes code directories to create comprehensive C4 code-level documentation including function signatures, arguments, dependencies, and code structure.

Generate ASCII art diagrams from PlantUML source files for use in terminals, documentation, and version-controlled environments.

orchestra-research

academic-plotting

Generates publication-quality figures for ML papers, including architecture diagrams via Gemini and data-driven charts via matplotlib/seaborn.

10.4k · bundle

explain-diff-html-plain

Creates a self-contained interactive HTML explanation of code changes, including background, intuition, code walkthrough, and quiz sections, with diagrams and responsive styling.

explain-diff-html

Generates interactive HTML explainers for code diffs, branches, and PRs from a single Markdown document, using a renderer to produce styled output with diagrams and quizzes.

Generate draw.io diagrams as .drawio files and export them to PNG, SVG, or PDF with embedded XML.

36.2k · bundle

diagramming-code

Generates Mermaid diagrams from code graphs, including call graphs, class hierarchies, module dependency maps, and data flow visualizations.

draw-io-diagram-generator

Generate, edit, and validate draw.io diagram files (.drawio) with correct mxGraph XML structure for flowcharts, architecture, sequence, ER, and UML diagrams.

36.2k · bundle

Create professional, dark-themed SVG diagrams of any type — architecture, flowcharts, sequence, structural, mind maps, timelines, and more.

23.1k · bundle

Generate draw.io diagrams as .drawio files and export to PNG/SVG/PDF with embedded XML

Audits documentation health by scanning for README, changelog, API docs, ADRs, runbooks, onboarding guides, and diagrams, scoring coverage against project maturity, and recommending sub-skills to fill gaps.

legacy-circuit-mockups

Generate breadboard circuit mockups and visual diagrams for retro computing and electronics projects using HTML5 Canvas.

36.2k · bundle

Turn a PR, branch, commit, or git diff into an interactive visual recap with diagrams, file maps, API/schema summaries, annotated diffs, and focused review notes.

user-flow-diagram

Create user flow diagrams that map paths, decisions, branches, and error recovery through a product.

frame-flowchart-sticky

Draws a flowchart as a whiteboard-style sticky-note diagram with SVG curves, handwritten fonts, and hover interactions.

deck-safety-alert

Creates safety alert decks with hazard stripes, tiered cards, and policy code blocks for incident reviews and risk communication.

Generate clear documentation for each task including technical descriptions, architecture diagrams, and usage guides. Use when documenting completed features, creating README files, writing API documentation, generating architecture diagrams, or maintaining project documentation. Ensures knowledge is preserved and accessible.

markdown-mermaid-writing

Creates scientific documentation using markdown with embedded Mermaid diagrams as the default format, enforcing a text-based diagram standard with style guides, 24 diagram type references, and document templates.

30.2k · bundle

Analyzes code directories to create C4 code-level documentation with function signatures, dependencies, and Mermaid diagrams.

azure-resource-visualizer

Analyze Azure resource groups and generate detailed Mermaid architecture diagrams showing relationships between resources.

36.2k · bundle

Creates PowerPoint presentations with python-pptx, including timelines, charts, diagrams, custom layouts, and WPS-compatible transitions.

Answers questions about a code repository by analyzing source files, providing evidence-based explanations with inline citations.