Packs

6 packs

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 · pack

Create Architecture Documentation

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

7 skills · pack

Publish Wiki Documentation

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

3 skills · pack

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

10 skills · pack

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 · pack

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 · pack

Results for “diagram”

67 skills

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

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

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.

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.

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

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

More results

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

23.1k · bundle

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.

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.

user-flow-diagram

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

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

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

2574-c4-68e7f4b4

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

efcore-d2-db-diagram

Generate D2 database diagrams from Entity Framework Core models by analyzing DbContext, entities, Fluent API, and migrations.

36.2k · bundle

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.

diagramming-code

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

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

36.2k · bundle

azure-resource-visualizer

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

azure-resource-visualizer

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

36.2k · bundle

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

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

wiki-page-writer

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

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

mongodb-design-analysis

Documents MongoDB's visual design system including colors, typography, layout, elevation, and shapes for UI implementation.

50.9k · bundle

deck-graphify-dark

Creates a dark-themed presentation deck with gradient backgrounds, floating blur orbs, SVG force-directed graphs, and JetBrains Mono code highlighting.

frame-flowchart-sticky

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

architecture-blueprint-generator

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

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.

image-annotations

Add visual callouts like rectangles, arrows, and labels to screenshots, diagrams, and images using PIL/Pillow, with support for animated GIF annotations.

180-pre-f6fe6217

Provides a pre-built Salesforce Service Cloud data model template with Mermaid diagrams, ASCII fallback, and relationship summaries for documentation and analysis.

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

ai-builder-club

visual-flow-gif

Creates animated flow diagrams from articles, workflow notes, architecture sketches, or process descriptions using a JSON specification and a local Python/Pillow renderer.

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 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.