源自 GitHub交互式架构图生成
该工具专注于生成专业级技术图表，覆盖系统架构、业务工作流、API时序图、数据管道流向及状态机生命周期。它支持直接解析自然语言描述或现有的Mermaid流程代码，也可结合本地代码仓库进行拓扑提取。生成的产物是单文件独立运行的HTML，内置内联SVG、暗色/亮色主题切换、缩放平移、节点高亮与链路追踪能力，并支持无损导出为PNG、WebP、SVG等格式，免去手动对齐节点和连线的繁琐排版。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
02
03
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“把这段Mermaid sequenceDiagram转换为交互式HTML时序图，展示用户鉴权与支付回调链路”
“根据我们的订单状态机流转逻辑（待支付、已支付、已发货、退款中、已完成），生成状态生命周期图”
“为我的AWS微服务架构生成交互式架构图，包含CloudFront、API Gateway、ECS集群和RDS读写分离”
适用人群
适合谁？
上手门槛
使用难度
进阶
需要了解任务流程，页面已整理好使用步骤。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
