Huo15 Flow Chart
2026 现代美学的流程图、泳道图、系统架构图、C4 架构图、时序图、状态图、ER 图、甘特图生成。Linear/Vercel/Radix 配色 + 软阴影 + 圆角 + 判断色强调 + 容器分层。输入 YAML/JSON 规格或 Mermaid/PlantUML/DOT 源码,输出 SVG/PNG/PDF/dr... Skill: Huo15 Flow Chart Owner: zhaobod1 Summary: 2026 现代美学的流程图、泳道图、系统架构图、C4 架构图、时序图、状态图、ER 图、甘特图生成。Linear/Vercel/Radix 配色 + 软阴影 + 圆角 + 判断色强调 + 容器分层。输入 YAML/JSON 规格或 Mermaid/PlantUML/DOT 源码,输出 SVG/PNG/PDF/dr... Tags: latest:1.4.0 Version history: v1.4.0 | 2026-05-29T06:10:52.304Z | auto huo15-flow-chart v1.4.0 - Added 3 new modern design styles: editorial (NYT magazine style), bauhaus (red-yellow-blue geometric), swis
Rank
62
Safety
84
Downloads
1.4k
Updated
Oct 10, 2026
Version
1.4.0
Source
CLAWHUB
About
What it does, and when to use it.
Capability contract not published. No trust telemetry is available yet. 1.4K downloads reported by the source. Last updated 10/10/2026.
Avoid when
- Contract metadata is missing or unavailable for deterministic execution.
Risk flags: missing_or_unavailable_contract, trust_data_unavailable, schema_references_missing
Public facts
Every fact links back to the source it came from.
- Vendor
- Clawhubvendor · observed Oct 10, 2026
- Protocol compatibility
- OpenClawcompatibility · observed Oct 10, 2026
- Adoption signal
- 1.4K downloadsadoption · observed Oct 10, 2026
- Latest release
- 1.4.0release · observed May 29, 2026
- Handshake status
- UNKNOWNsecurity
Install and run
Setup complexity: low.
clawhub skill install s17f6q72skfgyjycm2frgdc8dn83v5mk:huo15-flow-chart- Setup complexity is LOW. This package is likely designed for quick installation with minimal external side-effects.
- Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data.
Contract: missing
curl -s "https://www.xpersona.co/api/v1/agents/clawhub-zhaobod1-huo15-flow-chart/snapshot"
Documentation
CLAWHUB
107,269 characters of source documentation, loaded on request.
Extracted files
5 files captured from the source.
SKILL.md
---
name: huo15-flow-chart
displayName: 火一五流程图技能
description: 2026 现代美学的流程图、泳道图、系统架构图、C4 架构图、时序图、状态图、ER 图、甘特图生成。Linear/Vercel/Radix 配色 + 软阴影 + 圆角 + 判断色强调 + 容器分层。输入 YAML/JSON 规格或 Mermaid/PlantUML/DOT 源码,输出 SVG/PNG/PDF/draw.io;PDF 默认单页自适应画布不分页;内置 17 种风格(含 v1.4 新增 editorial NYT 杂志 / bauhaus 红黄蓝几何 / swiss 国际主义 Helvetica 网格 三个有性格风格);支持 draw.io 源文件 + C4-PlantUML + 架构 Tier 分层。触发词:流程图、泳道图、时序图、状态图、ER 图、系统架构图、C4 图、画流程图、生成流程图、编辑杂志风、纽约客、NYT、Monocle、包豪斯、三原色、瑞士国际主义、Helvetica 网格、Müller-Brockmann。
version: 1.4.0
aliases:
- 火一五流程图
- 火一五流程图技能
- 流程图
- 流程图生成
- 画流程图
- 泳道图
- 时序图
- 状态图
- 甘特图
- ER图
- 架构图
- 系统架构图
- C4 架构图
- flowchart
- flow-chart
- diagram
- mermaid
- draw.io
dependencies:
python-packages:
- pyyaml
external:
- name: "@mermaid-js/mermaid-cli"
install: "npm i -g @mermaid-js/mermaid-cli"
notes: "渲染 Mermaid 时用(mmdc 命令)"
- name: plantuml
install: "brew install plantuml"
notes: "PlantUML / C4-PlantUML 渲染(泳道图和 C4 图必须)"
- name: graphviz
install: "brew install graphviz"
notes: "Graphviz DOT 渲染(可选)"
---
# 火一五流程图技能 v1.3.3
> 2026 现代美学的流程图 / 架构图 / 泳道图 / C4 架构图 / 时序图生成器 — 青岛火一五信息科技有限公司
>
> 设计取向:Linear / Vercel / Radix / Stripe 软色系 + 双层柔和阴影 + 圆角节点 + 判断菱形 accent 强调色 + PDF 单页自适应。
---
## 一、核心能力
### 1.1 支持的图表类型
| type | 用途 | 渲染引擎 | draw.io |
|---------------------|-----------------------|-----------------|---------|
| `flowchart` | 普通流程图 | Mermaid | ✅ |
| `architecture` | 系统架构图(支持 Tier 分层) | Mermaid | ✅ |
| `swimlane` | 真·泳道图(PlantUML) | PlantUML | ❌ |
| `swimlane_mermaid` | 泳道风格(Mermaid,不需要 Java)| Mermaid | ✅ |
| `sequence` | 时序图 | Mermaid/PlantUML | ✅ |
| `state` | 状态图 | Mermaid | ✅ |
| `gantt` | 甘特图 | Mermaid | ✅ |
| `er` | ER 图 | Mermaid | ✅ |
| `class` | UML 类图 | Mermaid | ✅ |
| `journey` | 用户旅程 | Mermaid | ✅ |
| `pie` | 饼图 | Mermaid | ✅ |
| `c4_context` | C4 上下文图(L1) | Mermaid / **PlantUML** | ✅ |
| `c4_container` | C4 容器图(L2) | Mermaid / **PlantUML** | ✅ |
| `mindmap` | 简单思维导图 | Mermaid | ✅ |
### 1.2 输出格式
| 格式 | 类型 | 说明 |
|--------|--------|------|
| `.svg` | 矢量图 | 浏览器直接打开,最推荐(任意缩放不糊) |
| `.png` | 位图 | **默认 3× 高清**(≈288 DPI 印刷级),适合 PPT / 文档 |
| `.pdf` | 矢量 PDF | 适合打印;**默认单页自适应不分页** |
| `.mmd` | Mermaid 源码 | 复制到 [mermaid.live](https://mermaid.live) 编辑 |
| `.puml` | PlantUML 源码 | 复制到 PlantUML 编辑器 |
| `.drawio` | **draw.io 源文件** | 用 draw.io 桌面版打开,精美编辑 |
| `.dot` | Graphviz DOT 源码 | 复杂网络拓扑 |
**`--scale N`(v1.3.3)**:高清倍率,作用于 PNG。默认 `3.0`(≈288 DPI 印刷级)。
- `1.0` 普通屏(96 _meta.json
{
"ownerId": "kn7byevkn40d6z4p7ghdb097z983tj33",
"slug": "huo15-flow-chart",
"version": "1.4.0",
"publishedAt": 1780035052304
}skill-card.md
## Description: Generates modern flowcharts, swimlane diagrams, architecture diagrams, C4 diagrams, sequence diagrams, state diagrams, ER diagrams, and Gantt charts from YAML, JSON, Mermaid, PlantUML, or DOT inputs. This skill is ready for commercial/non-commercial use. ## Publisher: [zhaobod1](https://clawhub.ai/user/zhaobod1) ### License/Terms of Use: MIT ## Use Case: Developers, architects, and technical writers use this skill to turn structured diagram specifications or diagram source code into presentation-ready diagrams and editable diagram source files. It is useful for documenting software flows, systems, timelines, and architecture views. ### Deployment Geography for Use: Global ## Known Risks and Mitigations: Risk: The security review says the skill can automatically run unpinned external renderers and Docker or Chromium with weak sandboxing. Mitigation: Use only trusted publisher releases, prefer preinstalled pinned renderer binaries, and avoid the automatic npx and Docker fallbacks. Risk: Rendering untrusted diagram source or writing outputs to user-supplied paths can affect a sensitive machine or working directory. Mitigation: Render only trusted diagram inputs and run the skill in a dedicated working directory with controlled output paths. ## Reference(s): - [ClawHub skill page](https://clawhub.ai/zhaobod1/skills/huo15-flow-chart) - [Mermaid Live Editor](https://mermaid.live) - [Flowchart core implementation](scripts/flowchart_core.py) ## Skill Output: **Output Type(s):** [Files, Code, Shell commands, Configuration instructions, Guidance] **Output Format:** [Markdown guidance with shell commands plus generated SVG, PNG, PDF, Mermaid, PlantUML, DOT, and draw.io files] **Output Parameters:** [1D] **Other Properties Related to Output:** [PNG output supports adjustable high-DPI scaling; PDF output defaults to a single fitted page.] ## Skill Version(s): 1.4.0 (source: frontmatter and server release metadata) ## Ethical Considerations: Users should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.
examples/architecture.yaml
type: architecture
title: 火一五 SaaS 系统架构
direction: TB
groups:
- id: frontend
label: 前端层
children: [web, mobile, admin]
- id: gateway
label: 网关层
children: [api_gw]
- id: backend
label: 业务层
children: [svc_user, svc_order, svc_content, svc_ai]
- id: data
label: 数据层
children: [pg, redis, minio]
nodes:
- { id: web, label: Web 门户, shape: rect }
- { id: mobile, label: H5 / 小程序, shape: rect }
- { id: admin, label: 管理后台, shape: rect }
- { id: api_gw, label: API 网关\n(Nginx + Auth), shape: hexagon }
- { id: svc_user, label: 用户服务 }
- { id: svc_order, label: 订单服务 }
- { id: svc_content, label: 内容服务 }
- { id: svc_ai, label: AI 服务\n(龙虾 OpenClaw) }
- { id: pg, label: PostgreSQL, shape: cylinder }
- { id: redis, label: Redis, shape: cylinder }
- { id: minio, label: 对象存储 MinIO, shape: cylinder }
edges:
- [web, api_gw]
- [mobile, api_gw]
- [admin, api_gw]
- [api_gw, svc_user]
- [api_gw, svc_order]
- [api_gw, svc_content]
- [api_gw, svc_ai]
- [svc_user, pg]
- [svc_order, pg]
- [svc_order, redis]
- [svc_content, pg]
- [svc_content, minio]
- [svc_ai, redis]examples/c4_context.yaml
type: c4_context
title: 火一五 SaaS 上下文图(C4 L1)
nodes:
- id: customer
label: 企业客户\n采购/使用 SaaS 的企业
shape: person
- id: admin
label: 火一五运维\n内部团队
shape: person
- id: huo15
label: 火一五 SaaS\n企业数字化平台
shape: system
- id: wecom
label: 企业微信\nIM / 通讯录
shape: system_ext
- id: odoo
label: Odoo ERP\nCRM / 财务
shape: system_ext
- id: openai
label: OpenAI / 百炼\n大模型 API
shape: system_ext
edges:
- { from: customer, to: huo15, label: 使用 }
- { from: admin, to: huo15, label: 运维 }
- { from: huo15, to: wecom, label: OAuth / 消息推送 }
- { from: huo15, to: odoo, label: XML-RPC }
- { from: huo15, to: openai, label: HTTPS }AionUi
Free, local, open-source 24/7 Cowork app and OpenClaw for Gemini CLI, Claude Code, Codex, OpenCode, Qwen Code, Goose CLI, Auggie, and more | 🌟 Star if you like it!
activepieces
AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents
cherry-studio
AI productivity studio with smart chat, autonomous agents, and 300+ assistants.
CopilotKit
The Frontend for Agents & Generative UI. React + Angular
Machine-readable data
The same record, as JSON, for agents and crawlers.
{
"facts": [
{
"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
}
],
"events": [
{
"eventType": "release",
"title": "Release 1.4.0",
"description": "huo15-flow-chart v1.4.0 - Added 3 new modern design styles: editorial (NYT magazine style), bauhaus (red-yellow-blue geometric), swiss (Helvetica/grid, International Typographic Style), expanding to 17 built-in themes. - Enhanced style gallery: batch render all styles for one diagram (see gallery.py and --gallery option). - PNG export now supports adjustable high-DPI scaling (--scale N), up to 4x for print-quality output. - Added new sample diagrams (examples/showcase.yaml, showcase_v132.yaml). - Improved SKILL documentation with new style showcases, style listing, and usage for all features.",
"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
}
]
}Record generated Oct 10, 2026.
