LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.

Skills tagged: diagrams

Browse skills that share this tag.

  • pavilio-mermaid-chart - Mermaid Diagram Guidelines for Design Docs
    mermaiddiagramsflowchartsequence-diagram

    ★ 0 · Updated 2026-09-24

    Provides patterns for authoring and reviewing Mermaid diagrams in design docs and explanatory memos.

    ⚙ Author Mermaid diagrams⚙ Review design document diagrams⚙ Apply flowchart subgraph patterns
  • archi-diagrams - Generate Mermaid diagrams on demand from architecture index
    mermaidarchitecturediagramserd

    ★ 1 · Updated 2026-09-23

    Generates Mermaid diagrams including architecture, class, ERD, sequence, and use case diagrams based on an architecture index.

    ⚙ Generate architecture diagrams⚙ Generate class diagrams⚙ Generate ERD data models
  • drawbridge - Generate hand-drawn style Excalidraw diagrams
    excalidrawdiagramsvisualizationflowchart

    ★ 73 · Updated 2026-09-20

    Drawbridge generates Excalidraw diagrams and renders them to PNG or SVG files or pushes them to a live canvas via HTTP API.

    ⚙ Generate Excalidraw JSON diagrams⚙ Push elements to live canvas⚙ Render diagrams to PNG SVG
  • documentation - Automated technical documentation and diagram generation
    documentationmarkdowndiagramsapi-docs

    ★ 2 · Updated 2026-09-20

    Generates technical documentation, architecture diagrams, API documentation, and usage guides for software projects.

    ⚙ Document completed features⚙ Generate or update README files⚙ Write API documentation
  • svg-creator - Create and verify high-quality SVG graphics.
    svgvector-graphicsdiagramsicons

    ★ 28 · Updated 2026-09-17

    Generates, renders, visually verifies, and delivers vector graphics, icons, diagrams, and animations in SVG format.

    ⚙ Create SVG graphics⚙ Render SVG previews⚙ Verify SVG render quality
  • spec-driven-development - Clarify specifications and generate implementation plans
    specificationplanningtask-generationdiagrams

    ★ 2 · Updated 2026-09-15

    Clarifies feature specifications through interactive questioning and automated review, generating implementation plans with diagrams and task lists.

    ⚙ Ask user clarifying questions⚙ Generate feature implementation plan⚙ Create system state diagrams
  • excalidraw - Create, edit, validate, and publish Excalidraw diagrams.
    excalidrawdiagramsflowchartsarchitecture

    ★ 2 · Updated 2026-09-15

    Creates or edits .excalidraw scenes, validates them locally, and publishes diagrams to the Excalidraw+ workspace.

    ⚙ Create Excalidraw diagram files⚙ Edit existing Excalidraw scenes⚙ Pull scenes from Excalidraw+
  • drawio-generator - Generate standard editable draw.io XML diagrams from text
    drawiodiagramsxmlflowchart

    ★ 47 · Updated 2026-09-15

    Generates standard editable .drawio XML files for flowcharts, architecture diagrams, and state machines with precise node routing.

    ⚙ Decompose diagram nodes⚙ Calculate layout coordinates⚙ Plan connection routing
  • diagram-writer - Generate technical documentation diagrams using Mermaid
    diagramsmermaidarchitecturesequence-diagram

    ★ 1 · Updated 2026-09-09

    Produces technical visualizations including architecture diagrams, sequence flows, ERDs, and flowcharts as Mermaid code.

    ⚙ Generate C4 architecture diagrams⚙ Create API sequence diagrams⚙ Build database ER diagrams
  • knowledge - Knowledge Extraction & Documentation Sync
    documentationknowledge-extractionamp-threadscode-verification

    ★ 175 · Updated 2026-09-09

    Extracts knowledge from Amp threads and updates project documentation after verifying claims against code.

    ⚙ Discover threads by query or time⚙ Extract topics from thread history⚙ Verify claims against codebase
  • lark-whiteboard - Lark Whiteboard Diagram Rendering
    Larkwhiteboardchartsdiagrams

    ★ 0 · Updated 2026-06-30

    Render architecture diagrams, flowcharts, mind maps, sequence diagrams, and other visual charts on Lark whiteboard

    ⚙ render diagram⚙ upload to Lark
  • lark-whiteboard - Lark Whiteboard Diagrams
    larkwhiteboarddiagramscharts

    ★ 2 · Updated 2026-06-30

    Create diagrams and charts on Lark Whiteboard via DSL or Mermaid syntax.

    ⚙ create diagrams⚙ draw charts⚙ generate architecture diagrams
  • design-doc-generator - Technical Design Documentation Generator
    software designtechnical documentationdatabase designAPI design

    ★ 650 · Updated 2026-06-15

    Generate technical design documents with database schemas, API specs, and diagrams

    ⚙ generate database schema⚙ design module layering⚙ define module interfaces
  • mermaid-diagrams - Mermaid diagrams creation guide
    documentationdiagramsmodelingcompatibility

    ★ 463 · Updated 2026-03-22

    Create human-readable and agent-parseable diagrams using Mermaid templates and compatibility rules

    ⚙ create flowcharts⚙ create sequence diagrams⚙ create class diagrams
  • mermaid - GitHub-Compatible Mermaid Diagrams
    diagramsmermaiddocumentationgithub

    ★ 0 · Updated 2026-03-22

    Create professional Mermaid diagrams that render correctly on GitHub in both light and dark modes

    ⚙ create flowchart diagrams⚙ apply dark fill styles⚙ define subgraph styles
  • mermaid - Create GitHub-compatible Mermaid diagrams
    diagramsdocumentationgithubmarkdown

    ★ 18 · Updated 2026-03-22

    Create Mermaid diagrams for GitHub markdown with dark/light mode compatibility

    ⚙ create flowchart syntax⚙ define node styles⚙ design subgraph structure
  • c4-architecture - Generate C4 architecture documentation with Mermaid diagrams
    software architecturedocumentationdiagramsC4 model

    ★ 1 · Updated 2026-02-17

    Generate software architecture documentation using C4 model diagrams in Mermaid syntax

    ⚙ understand documentation scope⚙ analyze codebase structure⚙ generate mermaid C4 diagrams
  • visual-communicator - Enforce Visual Communication Standards with Diagrams
    visualizationdocumentationdiagramsmermaid

    ★ 1 · Updated 2026-02-13

    Creates visual diagrams for complex logic, architectures, and workflows using Mermaid syntax.

    ⚙ generate flowchart diagrams⚙ create sequence diagrams⚙ produce class diagrams
  • mermaid-state-diagram-creator - Mermaid State Diagram Creator for Visual Content
    diagramsmermaidvisualizationstate-diagram

    ★ 2,781 · Updated 2026-02-12

    Automatically creates Mermaid state diagrams for visual content and documentation

    ⚙ generate state diagrams⚙ create Mermaid code⚙ validate diagram syntax