源自 GitHub架构与技术图表绘制
该工具专为软件工程师与系统架构师打造，运行于 Claude Code 和 Codex 等终端智能体环境。它能将用户用中英文描述的技术架构、UML 模型、微服务拓扑或多智能体交互逻辑，自动转换为严格遵循几何排版契约的高保真矢量图。内置 12 种预设视觉风格（涵盖极简扁平、暗黑终端、蓝图风格、C4模型画布与云原生架构等），并自带自动化排版引擎。生成过程中会对文本截断、节点碰撞、连线交叉进行自动化几何校验，支持一键渲染为 1920px 级 PNG 图片、支持平移缩放的离线交互 HTML，以及展示数据流转过程的动态 GIF 动画。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
02
03
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“用蓝图风格（Blueprint）绘制一个电商系统的微服务架构图，包含用户中心、订单服务、支付网关和 Kafka 事件总线，并导出为 PNG。”
“绘制一个基于 C4 规范的结账流程容器评审图，明确标出服务职责、通信协议和数据库从属关系，开启严格文本检查。”
“将刚刚生成的 Mem0 个人记忆提取与检索架构 SVG 图制作成动态 GIF，展示数据从采集到持久化存储的流转过程。”
适用人群
适合谁？
上手门槛
使用难度
进阶
需要了解任务流程，页面已整理好使用步骤。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
