Menu
专业drawio-xml的写作，支持draw.io的图
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Basé sur la classification professionnelle SOC
| name | drawio-xml-guide |
| description | 专业drawio-xml的写作，支持draw.io的图 |
| inclusion | manual |
本指南用于指导 AI 生成符合 draw.io 标准的 .drawio.xml 文件，可直接在 draw.io / diagrams.net 中打开编辑。
<?xml version="1.0" encoding="UTF-8"?>
<mxfile host="app.diagrams.net">
<diagram name="图表名称" id="唯一ID">
<mxGraphModel dx="1422" dy="762" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<!-- 图形元素从这里开始 -->
</root>
</mxGraphModel>
</diagram>
</mxfile>
node-1, edge-1, group-1<mxCell id="node-1" parent="1" style="样式字符串" value="显示文本" vertex="1">
<mxGeometry x="100" y="100" width="120" height="60" as="geometry" />
</mxCell>
<mxCell id="edge-1" parent="1" source="node-1" target="node-2" style="样式字符串" value="连线标签" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="label-1" parent="edge-1" connectable="0" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" value="标签文字" vertex="1">
<mxGeometry relative="1" x="0" y="0" as="geometry">
<mxPoint as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="group-1" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#FFF8E1;strokeColor=#F57F17;strokeWidth=2;verticalAlign=top;fontStyle=1;fontSize=14;dashed=1;arcSize=8;" value="分组名称" vertex="1">
<mxGeometry x="100" y="100" width="400" height="300" as="geometry" />
</mxCell>
<!-- 子元素通过 parent 属性关联到分组，或直接放在同一 parent="1" 下通过坐标覆盖 -->
rounded=1;whiteSpace=wrap;html=1;fillColor=#FFE0B2;strokeColor=#E65100;fontSize=12;fontStyle=1;
shape=cylinder;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;rounded=1;fontStyle=1;strokeColor=#E65100;fillColor=#DCEDC8;
shape=cylinder3;whiteSpace=wrap;html=1;fillColor=#DCEDC8;strokeColor=#33691E;fontSize=12;fontStyle=1;size=10;
rounded=1;whiteSpace=wrap;html=1;fillColor=#E1BEE7;strokeColor=#6A1B9A;fontSize=11;
rounded=1;whiteSpace=wrap;html=1;fillColor=#FFCDD2;strokeColor=#C62828;fontSize=11;fontStyle=1;
rounded=1;whiteSpace=wrap;html=1;fillColor=#FFF8E1;strokeColor=#F57F17;strokeWidth=2;verticalAlign=top;fontStyle=1;fontSize=14;dashed=1;arcSize=8;
rounded=1;whiteSpace=wrap;html=1;fillColor=#E3F2FD;strokeColor=#1565C0;strokeWidth=2;verticalAlign=top;fontStyle=1;fontSize=14;dashed=1;arcSize=8;
edgeStyle=orthogonalEdgeStyle;rounded=1;strokeColor=#808080;strokeWidth=2;
| 用途 | 填充色 | 边框色 |
|---|---|---|
| 核心服务 | #FFE0B2 | #E65100 |
| 客户端 | #E3F2FD / #BBDEFB | #1565C0 |
| 外部系统 | #F3E5F5 / #E1BEE7 | #6A1B9A |
| 数据存储 | #DCEDC8 | #33691E |
| 风控/关键 | #FFCDD2 | #C62828 |
| 业务领域 | #FFCDD2 | #2E7D32 |
| 分组容器 | #FFF8E1 | #F57F17 |
| 连线 | - | #808080 |
<?xml version="1.0" encoding="UTF-8"?>
<mxfile host="app.diagrams.net">
<diagram name="Microservice Architecture" id="arch-001">
<mxGraphModel dx="1422" dy="762" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<!-- 分组：API 网关层 -->
<mxCell id="group-gw" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#E3F2FD;strokeColor=#1565C0;strokeWidth=2;verticalAlign=top;fontStyle=1;fontSize=14;dashed=1;arcSize=8;" value="API Gateway Layer" vertex="1">
<mxGeometry x="50" y="50" width="200" height="200" as="geometry" />
</mxCell>
<!-- 网关节点 -->
<mxCell id="node-gw1" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#FFE0B2;strokeColor=#E65100;fontSize=12;fontStyle=1;" value="API Gateway" vertex="1">
<mxGeometry x="90" y="100" width="120" height="50" as="geometry" />
</mxCell>
<!-- 分组：核心服务层 -->
<mxCell id="group-core" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#FFF8E1;strokeColor=#F57F17;strokeWidth=2;verticalAlign=top;fontStyle=1;fontSize=14;dashed=1;arcSize=8;" value="Core Services" vertex="1">
<mxGeometry x="320" y="50" width="500" height="200" as="geometry" />
</mxCell>
<!-- 服务节点 -->
<mxCell id="node-oms" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#FFE0B2;strokeColor=#E65100;fontSize=12;fontStyle=1;" value="Order Service" vertex="1">
<mxGeometry x="350" y="100" width="130" height="50" as="geometry" />
</mxCell>
<mxCell id="node-asset" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#FFCDD2;strokeColor=#2E7D32;fontSize=12;fontStyle=1;" value="Asset Service" vertex="1">
<mxGeometry x="520" y="100" width="130" height="50" as="geometry" />
</mxCell>
<mxCell id="node-risk" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#FFCDD2;strokeColor=#C62828;fontSize=11;fontStyle=1;" value="Risk Service" vertex="1">
<mxGeometry x="690" y="100" width="100" height="50" as="geometry" />
</mxCell>
<!-- 数据库 -->
<mxCell id="node-db" parent="1" style="shape=cylinder;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;rounded=1;fontStyle=1;strokeColor=#33691E;fillColor=#DCEDC8;" value="MySQL" vertex="1">
<mxGeometry x="520" y="300" width="60" height="60" as="geometry" />
</mxCell>
<!-- 消息队列 -->
<mxCell id="node-mq" parent="1" style="shape=cylinder3;whiteSpace=wrap;html=1;fillColor=#DCEDC8;strokeColor=#33691E;fontSize=12;fontStyle=1;size=10;" value="Kafka" vertex="1">
<mxGeometry x="690" y="300" width="100" height="60" as="geometry" />
</mxCell>
<!-- 连线 -->
<mxCell id="edge-1" parent="1" source="node-gw1" target="node-oms" style="edgeStyle=orthogonalEdgeStyle;rounded=1;strokeColor=#808080;strokeWidth=2;" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="edge-2" parent="1" source="node-oms" target="node-asset" style="edgeStyle=orthogonalEdgeStyle;rounded=1;strokeColor=#808080;strokeWidth=1.5;" value="调用" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="edge-3" parent="1" source="node-oms" target="node-risk" style="edgeStyle=orthogonalEdgeStyle;rounded=1;strokeColor=#808080;strokeWidth=1.5;" value="风控校验" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="edge-4" parent="1" source="node-oms" target="node-db" style="edgeStyle=orthogonalEdgeStyle;rounded=1;strokeColor=#808080;strokeWidth=1.5;" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="edge-5" parent="1" source="node-oms" target="node-mq" style="edgeStyle=orthogonalEdgeStyle;rounded=1;strokeColor=#808080;strokeWidth=1.5;" value="发送事件" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>
<?xml version="1.0" encoding="UTF-8"?>
<mxfile host="app.diagrams.net">
<diagram name="Page 1 - Overview" id="page-1">
<mxGraphModel ...>
<root>...</root>
</mxGraphModel>
</diagram>
<diagram name="Page 2 - Detail" id="page-2">
<mxGraphModel ...>
<root>...</root>
</mxGraphModel>
</diagram>
</mxfile>
rhombus;whiteSpace=wrap;html=1;fillColor=#FFF9C4;strokeColor=#F57F17;
shape=mxgraph.basic.person;whiteSpace=wrap;html=1;fillColor=#E3F2FD;strokeColor=#1565C0;
ellipse;shape=cloud;whiteSpace=wrap;html=1;fillColor=#F3E5F5;strokeColor=#6A1B9A;
shape=document;whiteSpace=wrap;html=1;fillColor=#FFF8E1;strokeColor=#F57F17;
shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;fillColor=#DCEDC8;strokeColor=#33691E;
edgeStyle=orthogonalEdgeStyle;rounded=1;strokeColor=#808080;strokeWidth=2;endArrow=classic;startArrow=none;
edgeStyle=orthogonalEdgeStyle;rounded=1;strokeColor=#808080;strokeWidth=2;endArrow=classic;startArrow=classic;
edgeStyle=orthogonalEdgeStyle;rounded=1;strokeColor=#808080;strokeWidth=1.5;dashed=1;
edgeStyle=entityRelationEdgeStyle;rounded=1;strokeColor=#808080;strokeWidth=1.5;
exitX=0 左边出, exitX=1 右边出, exitX=0.5 中间出exitY=0 上边出, exitY=1 下边出, exitY=0.5 中间出<mxCell id="edge-x" parent="1" source="node-a" target="node-b" style="edgeStyle=orthogonalEdgeStyle;rounded=1;strokeColor=#808080;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<br>），因为设置了 html=1as="geometry" 不能省略.drawio.xml 以便 VS Code draw.io 插件识别基于 Playwright MCP 的浏览器自动化测试，支持页面交互、录制回放、接口验证、结合后端代码做端到端测试。当用户提到浏览器测试、页面测试、UI测试、录制操作、自动化测试、playwright 时激活。
Use JADX to decompile JAR/APK/DEX/AAR files. Especially good for Android apps. Supports CLI batch decompilation and GUI browsing.
通过 Apache SkyWalking MCP Server 查询和分析应用性能指标，支持服务拓扑、链路追踪（Trace）、日志查询、MQE 指标表达式、告警查询、实例/端点分析等，帮助开发者快速定位性能瓶颈、异常链路和线上问题。当用户提到 skywalking、APM、链路追踪、trace、性能分析、慢接口、拓扑图、服务指标、P99、响应时间、吞吐量、错误率、告警 时激活。
通过 Apache SkyWalking MCP Server 查询和分析应用性能指标，支持服务拓扑、链路追踪（Trace）、日志查询、MQE 指标表达式、告警查询、实例/端点分析等，帮助开发者快速定位性能瓶颈、异常链路和线上问题。当用户提到 skywalking、APM、链路追踪、trace、性能分析、慢接口、拓扑图、服务指标、P99、响应时间、吞吐量、错误率、告警 时激活。
通过 Grafana Loki MCP Server 查询线上/测试环境日志，支持按服务名和关键词搜索、日志量统计、上下文日志获取、服务列表查询等，帮助开发者快速定位线上问题。当用户提到查日志、看日志、log、error、exception、线上报错、排查问题、Loki、Grafana 或具体服务名时激活。
基于 JProfiler 的 Java 性能与内存深度分析 Skill，支持 Heap Snapshot（.jps）、CPU Snapshot、Thread Dump、Allocation Recording 等离线分析，结合 JProfiler 命令行工具链实现自动化诊断，覆盖内存泄漏、CPU 热点、线程瓶颈、数据库慢查询、锁竞争等全方位性能问题。