LogoClawIndex
CasesSkillsAbout
LogoClawIndex

visual-diagram - Create validated diagrams as HTML or SVG

Creates interactive diagrams or renders structured specifications into self-contained HTML, with SVG support for selected families and JSON artifacts for absorbed families.

Tags

Updated: 2026-10-08
diagrammingvisualizationHTMLSVGarchitectureworkflowdataflow

Capabilities

Classify diagram familiesExtract grounded entitiesRender self-contained HTMLRender selected SVG diagrams

Typical Inputs

Rendering modeDiagram requestOutput format

Typical Outputs

Self-contained HTML fileValid SVG diagramTyped JSON specification

What this skill does

  • Classify diagram families
  • Extract grounded entities
  • Render self-contained HTML
  • Render selected SVG diagrams
  • Validate structured specifications
  • Compare architecture snapshots
  • Write JSON receipts
  • Delete partial outputs

Inputs

  • Rendering mode
  • Diagram request
  • Output format
  • Style direction
  • Surrounding context
  • Family-specific diagram facts
  • Repository path
  • Structured source specification
  • Output filename
  • Visual format
  • JSON schema

Outputs

  • Self-contained HTML file
  • Valid SVG diagram
  • Typed JSON specification
  • JSON receipt
  • Visualizer-fence diagram

Requirements

    Source

    • Spec: SKILL.md

    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.