{
  "schemaVersion": "1.0",
  "item": {
    "slug": "drawio-generator",
    "name": "drawio-generator",
    "source": "tencent",
    "type": "skill",
    "category": "开发工具",
    "sourceUrl": "https://clawhub.ai/Thincher/drawio-generator",
    "canonicalUrl": "https://clawhub.ai/Thincher/drawio-generator",
    "targetPlatform": "OpenClaw"
  },
  "install": {
    "downloadMode": "redirect",
    "downloadUrl": "/downloads/drawio-generator",
    "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=drawio-generator",
    "sourcePlatform": "tencent",
    "targetPlatform": "OpenClaw",
    "installMethod": "Manual import",
    "extraction": "Extract archive",
    "prerequisites": [
      "OpenClaw"
    ],
    "packageFormat": "ZIP package",
    "includedAssets": [
      "SKILL.md",
      "scripts/generate_drawio_url.py"
    ],
    "primaryDoc": "SKILL.md",
    "quickSetup": [
      "Download the package from Yavira.",
      "Extract the archive and review SKILL.md first.",
      "Import or place the package into your OpenClaw setup."
    ],
    "agentAssist": {
      "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.",
      "steps": [
        "Download the package from Yavira.",
        "Extract it into a folder your agent can access.",
        "Paste one of the prompts below and point your agent at the extracted folder."
      ],
      "prompts": [
        {
          "label": "New install",
          "body": "I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete."
        },
        {
          "label": "Upgrade existing",
          "body": "I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run."
        }
      ]
    },
    "sourceHealth": {
      "source": "tencent",
      "status": "healthy",
      "reason": "direct_download_ok",
      "recommendedAction": "download",
      "checkedAt": "2026-05-07T17:22:31.273Z",
      "expiresAt": "2026-05-14T17:22:31.273Z",
      "httpStatus": 200,
      "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=afrexai-annual-report",
      "contentType": "application/zip",
      "probeMethod": "head",
      "details": {
        "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=afrexai-annual-report",
        "contentDisposition": "attachment; filename=\"afrexai-annual-report-1.0.0.zip\"",
        "redirectLocation": null,
        "bodySnippet": null
      },
      "scope": "source",
      "summary": "Source download looks usable.",
      "detail": "Yavira can redirect you to the upstream package for this source.",
      "primaryActionLabel": "Download for OpenClaw",
      "primaryActionHref": "/downloads/drawio-generator"
    },
    "validation": {
      "installChecklist": [
        "Use the Yavira download entry.",
        "Review SKILL.md after the package is downloaded.",
        "Confirm the extracted package contains the expected setup assets."
      ],
      "postInstallChecks": [
        "Confirm the extracted package includes the expected docs or setup files.",
        "Validate the skill or prompts are available in your target agent workspace.",
        "Capture any manual follow-up steps the agent could not complete."
      ]
    },
    "downloadPageUrl": "https://openagent3.xyz/downloads/drawio-generator",
    "agentPageUrl": "https://openagent3.xyz/skills/drawio-generator/agent",
    "manifestUrl": "https://openagent3.xyz/skills/drawio-generator/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/drawio-generator/agent.md"
  },
  "agentAssist": {
    "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.",
    "steps": [
      "Download the package from Yavira.",
      "Extract it into a folder your agent can access.",
      "Paste one of the prompts below and point your agent at the extracted folder."
    ],
    "prompts": [
      {
        "label": "New install",
        "body": "I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete."
      },
      {
        "label": "Upgrade existing",
        "body": "I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run."
      }
    ]
  },
  "documentation": {
    "source": "clawhub",
    "primaryDoc": "SKILL.md",
    "sections": [
      {
        "title": "Draw.io Diagram Generator",
        "body": "Generate interactive draw.io diagrams that users can open and edit in their browser."
      },
      {
        "title": "Supported Diagram Types",
        "body": "Draw.io supports virtually any diagram type:\n\nStandard: Flowcharts, org charts, mind maps, timelines, Venn diagrams\nSoftware: UML (class, sequence, activity, use case), ERD, architecture diagrams\nCloud/Infrastructure: AWS, Azure, GCP, Kubernetes, network topology\nEngineering: Electrical circuits, digital logic, P&ID, floor plans\nBusiness: BPMN, value streams, customer journeys, SWOT\nUI/UX: Wireframes, mockups, sitemaps\nAnd more: Infographics, data flows, decision trees, etc."
      },
      {
        "title": "Format Selection Guide",
        "body": "FormatBest ForMermaidFlowcharts, sequences, ERD, Gantt, state diagrams, class diagramsCSVHierarchical data (org charts), bulk import from spreadsheetsXMLComplex layouts, precise positioning, custom styling, icons, shapes"
      },
      {
        "title": "Step 1: Determine the best format for the diagram",
        "body": "Use Mermaid for most standard diagrams (flowcharts, sequence diagrams, ERD)\nUse CSV for hierarchical data like org charts\nUse XML when you need precise control over positioning or custom shapes"
      },
      {
        "title": "Step 2: Generate the diagram code",
        "body": "Write the diagram code in the chosen format (see examples below)."
      },
      {
        "title": "Step 3: Execute the Python script",
        "body": "Run the script scripts/generate_drawio_url.py (relative to this SKILL.md file) to create the markdown link."
      },
      {
        "title": "Mermaid",
        "body": "graph TD\n    A[Start] --> B{Decision}\n    B -->|Yes| C[Action]\n    B -->|No| D[End]"
      },
      {
        "title": "XML (draw.io native)",
        "body": "<mxGraphModel>\n  <root>\n    <mxCell id=\"0\"/>\n    <mxCell id=\"1\" parent=\"0\"/>\n    <mxCell id=\"2\" value=\"Box\" style=\"rounded=1;fillColor=#d5e8d4;\" vertex=\"1\" parent=\"1\">\n      <mxGeometry x=\"100\" y=\"100\" width=\"120\" height=\"60\" as=\"geometry\"/>\n    </mxCell>\n  </root>\n</mxGraphModel>"
      },
      {
        "title": "CSV (hierarchical data)",
        "body": "# label: %name%\n# style: rounded=1;whiteSpace=wrap;html=1;\n# connect: {\"from\":\"manager\",\"to\":\"name\",\"invert\":true}\n# layout: auto\nname,manager\nCEO,\nCTO,CEO\nCFO,CEO"
      },
      {
        "title": "CRITICAL: XML Well-Formedness",
        "body": "When generating draw.io XML, the output must be well-formed XML:\n\nNEVER use double hyphens (--) inside XML comments. Use single hyphens or rephrase (e.g., <!-- Order 1 to OrderItem --> not <!-- Order 1 --- OrderItem -->)\nEscape special characters in attribute values (&amp;, &lt;, &gt;, &quot;)"
      },
      {
        "title": "Script Usage",
        "body": "The script generate_drawio_url.py is located in the scripts/ subdirectory relative to this SKILL.md file. Execute it with command-line arguments:\n\npython scripts/generate_drawio_url.py -t mermaid -c \"graph TD\\n    A --> B\"\npython scripts/generate_drawio_url.py --type xml --code \"<mxGraphModel>...</mxGraphModel>\"\npython scripts/generate_drawio_url.py -t csv -c \"name,manager\\nCEO,\\nCTO,CEO\"\n\nArguments:\n\n-t, --type: Diagram type (required), choices: mermaid, xml, csv\n-c, --code: Diagram code content (required)\n\nThe script outputs a markdown link: [点击查看图表](<URL>)\n\nPresent the markdown link directly to the user."
      }
    ],
    "body": "Draw.io Diagram Generator\n\nGenerate interactive draw.io diagrams that users can open and edit in their browser.\n\nSupported Diagram Types\n\nDraw.io supports virtually any diagram type:\n\nStandard: Flowcharts, org charts, mind maps, timelines, Venn diagrams\nSoftware: UML (class, sequence, activity, use case), ERD, architecture diagrams\nCloud/Infrastructure: AWS, Azure, GCP, Kubernetes, network topology\nEngineering: Electrical circuits, digital logic, P&ID, floor plans\nBusiness: BPMN, value streams, customer journeys, SWOT\nUI/UX: Wireframes, mockups, sitemaps\nAnd more: Infographics, data flows, decision trees, etc.\nFormat Selection Guide\nFormat\tBest For\nMermaid\tFlowcharts, sequences, ERD, Gantt, state diagrams, class diagrams\nCSV\tHierarchical data (org charts), bulk import from spreadsheets\nXML\tComplex layouts, precise positioning, custom styling, icons, shapes\nHow to Use\nStep 1: Determine the best format for the diagram\nUse Mermaid for most standard diagrams (flowcharts, sequence diagrams, ERD)\nUse CSV for hierarchical data like org charts\nUse XML when you need precise control over positioning or custom shapes\nStep 2: Generate the diagram code\n\nWrite the diagram code in the chosen format (see examples below).\n\nStep 3: Execute the Python script\n\nRun the script scripts/generate_drawio_url.py (relative to this SKILL.md file) to create the markdown link.\n\nFormat Templates\nMermaid\ngraph TD\n    A[Start] --> B{Decision}\n    B -->|Yes| C[Action]\n    B -->|No| D[End]\n\nXML (draw.io native)\n<mxGraphModel>\n  <root>\n    <mxCell id=\"0\"/>\n    <mxCell id=\"1\" parent=\"0\"/>\n    <mxCell id=\"2\" value=\"Box\" style=\"rounded=1;fillColor=#d5e8d4;\" vertex=\"1\" parent=\"1\">\n      <mxGeometry x=\"100\" y=\"100\" width=\"120\" height=\"60\" as=\"geometry\"/>\n    </mxCell>\n  </root>\n</mxGraphModel>\n\nCSV (hierarchical data)\n# label: %name%\n# style: rounded=1;whiteSpace=wrap;html=1;\n# connect: {\"from\":\"manager\",\"to\":\"name\",\"invert\":true}\n# layout: auto\nname,manager\nCEO,\nCTO,CEO\nCFO,CEO\n\nCRITICAL: XML Well-Formedness\n\nWhen generating draw.io XML, the output must be well-formed XML:\n\nNEVER use double hyphens (--) inside XML comments. Use single hyphens or rephrase (e.g., <!-- Order 1 to OrderItem --> not <!-- Order 1 --- OrderItem -->)\nEscape special characters in attribute values (&amp;, &lt;, &gt;, &quot;)\nScript Usage\n\nThe script generate_drawio_url.py is located in the scripts/ subdirectory relative to this SKILL.md file. Execute it with command-line arguments:\n\npython scripts/generate_drawio_url.py -t mermaid -c \"graph TD\\n    A --> B\"\npython scripts/generate_drawio_url.py --type xml --code \"<mxGraphModel>...</mxGraphModel>\"\npython scripts/generate_drawio_url.py -t csv -c \"name,manager\\nCEO,\\nCTO,CEO\"\n\n\nArguments:\n\n-t, --type: Diagram type (required), choices: mermaid, xml, csv\n-c, --code: Diagram code content (required)\n\nThe script outputs a markdown link: [点击查看图表](<URL>)\n\nPresent the markdown link directly to the user."
  },
  "trust": {
    "sourceLabel": "tencent",
    "provenanceUrl": "https://clawhub.ai/Thincher/drawio-generator",
    "publisherUrl": "https://clawhub.ai/Thincher/drawio-generator",
    "owner": "Thincher",
    "version": "1.0.0",
    "license": null,
    "verificationStatus": "Indexed source record"
  },
  "links": {
    "detailUrl": "https://openagent3.xyz/skills/drawio-generator",
    "downloadUrl": "https://openagent3.xyz/downloads/drawio-generator",
    "agentUrl": "https://openagent3.xyz/skills/drawio-generator/agent",
    "manifestUrl": "https://openagent3.xyz/skills/drawio-generator/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/drawio-generator/agent.md"
  }
}