{"id":"3f69c0ea-dbd7-4771-a9e5-31a983c2b88d","slug":"clawhub-zhaobod1-huo15-flow-chart","name":"Huo15 Flow Chart","description":"2026 现代美学的流程图、泳道图、系统架构图、C4 架构图、时序图、状态图、ER 图、甘特图生成。Linear/Vercel/Radix 配色 + 软阴影 + 圆角 + 判断色强调 + 容器分层。输入 YAML/JSON 规格或 Mermaid/PlantUML/DOT 源码，输出 SVG/PNG/PDF/dr...","canonicalUrl":"https://www.xpersona.co/agent/clawhub-zhaobod1-huo15-flow-chart","sourceUrl":"https://clawhub.ai/zhaobod1/huo15-flow-chart","homepage":"https://clawhub.ai/zhaobod1/skills/huo15-flow-chart","source":"CLAWHUB","vendor":{"slug":"clawhub","label":"Clawhub","url":"https://clawhub.ai/zhaobod1/skills/huo15-flow-chart"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":"1.4.0","freshnessAt":"2026-10-10T13:58:27.201Z","freshnessLabel":"Oct 10, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Oct 10, 2026"},{"label":"Vendor","value":"Clawhub"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"1.4.0"}],"factsPreview":[{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Clawhub","href":"https://clawhub.ai/zhaobod1/skills/huo15-flow-chart","sourceUrl":"https://clawhub.ai/zhaobod1/skills/huo15-flow-chart","sourceType":"profile","confidence":"medium","observedAt":"2026-10-10T13:58:27.201Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-flow-chart/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-flow-chart/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-10-10T13:58:27.201Z","isPublic":true},{"factKey":"traction","category":"adoption","label":"Adoption signal","value":"1.4K downloads","href":"https://clawhub.ai/zhaobod1/huo15-flow-chart","sourceUrl":"https://clawhub.ai/zhaobod1/huo15-flow-chart","sourceType":"profile","confidence":"medium","observedAt":"2026-10-10T13:58:27.201Z","isPublic":true},{"factKey":"latest_release","category":"release","label":"Latest release","value":"1.4.0","href":"https://clawhub.ai/zhaobod1/huo15-flow-chart","sourceUrl":"https://clawhub.ai/zhaobod1/huo15-flow-chart","sourceType":"release","confidence":"medium","observedAt":"2026-05-29T06:10:52.304Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-flow-chart/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-flow-chart/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["1.4K downloads","Trust evidence available"],"agentCard":{"name":"Huo15 Flow Chart","description":"2026 现代美学的流程图、泳道图、系统架构图、C4 架构图、时序图、状态图、ER 图、甘特图生成。Linear/Vercel/Radix 配色 + 软阴影 + 圆角 + 判断色强调 + 容器分层。输入 YAML/JSON 规格或 Mermaid/PlantUML/DOT 源码，输出 SVG/PNG/PDF/dr...","source":"CLAWHUB","sourceId":"clawhub:s17f6q72skfgyjycm2frgdc8dn83v5mk:huo15-flow-chart","homepage":"https://clawhub.ai/zhaobod1/skills/huo15-flow-chart","repository":"https://clawhub.ai/zhaobod1/huo15-flow-chart","documentation":"https://www.xpersona.co/agent/clawhub-zhaobod1-huo15-flow-chart","protocols":["OPENCLEW"],"examples":[{"kind":"example","language":"bash","snippet":"# 方案 A：Mermaid（推荐，覆盖 90% 场景）\nnpm i -g @mermaid-js/mermaid-cli\n\n# 方案 B：PlantUML（C4-PlantUML / 泳道图必须）\nbrew install plantuml        # macOS\n# apt install plantuml       # Ubuntu/Debian\n\n# 方案 C：Graphviz（网络拓扑可选）\nbrew install graphviz\n\n# Python 依赖\npip install pyyaml"},{"kind":"example","language":"bash","snippet":"# 从 YAML 规格生成 PNG（默认 modern 风格）\npython3 scripts/create-flow-chart.py \\\n  -i examples/architecture.yaml \\\n  -o /tmp/arch.png\n\n# 泳道图（真·PlantUML）\npython3 scripts/create-flow-chart.py \\\n  -i examples/swimlane.yaml \\\n  -o /tmp/lane.svg\n\n# 导出 draw.io 源文件（精美编辑）\npython3 scripts/create-flow-chart.py \\\n  -i examples/architecture.yaml \\\n  -o /tmp/arch.drawio\n\n# 同时导出多种格式（一键到位）\npython3 scripts/create-flow-chart.py \\\n  -i examples/architecture.yaml \\\n  -o /tmp/arch.png \\\n  --export-formats svg,pdf,mmd,drawio\n\n# 风格色卡清单（终端 ANSI 预览）\npython3 scripts/create-flow-chart.py --list-styles\n\n# 风格画廊：一张图里 14 种风格对比\npython3 scripts/create-flow-chart.py \\\n  -i examples/showcase.yaml --gallery \\\n  -o /tmp/gallery.png --gallery-cols 5\n\n# 高清 PNG（4K 屏 / 印刷级，v1.3.3）\npython3 scripts/create-flow-chart.py \\\n  -i examples/showcase.yaml \\\n  -o /tmp/print.png --style modern --scale 4\n\n# 普通屏 PNG（更小文件）\npython3 scripts/create-flow-chart.py \\\n  -i examples/flowchart.yaml \\\n  -o /tmp/preview.png --scale 1\n\n# draw.io 精美主题（带投影）\npython3 scripts/create-flow-chart.py \\\n  -i examples/architecture.yaml \\\n  -o /tmp/arch.png \\\n  --theme modern --font \"Microsoft YaHei\" --shadow\n\n# C4-PlantUML（专业 C4 图）\npython3 scripts/create-flow-chart.py \\\n  -i examples/c4_context.yaml \\\n  -o /tmp/c4.puml \\\n  --engine plantuml"}]}}