drawio-skill 是做什么的？
当用户请求图表、流程图、架构图、ER图、UML/序列/类图、网络拓扑、ML/DL模型图（Transformer/CNN/LSTM）、思维导图或任何可视化时使用。也可在解释包含3个以上组件、复杂数据流或受益于视觉表示的关系时主动使用。最适合需要自定义样式、丰富形状词汇、泳道或可导出图片（PNG/SVG/PDF/JPG）的图表。生成.drawio XML并通过本地draw.io桌面CLI导出。
当用户请求图表、流程图、架构图、ER图、UML/序列/类图、网络拓扑、ML/DL模型图（Transformer/CNN/LSTM）、思维导图或任何可视化时使用。也可在解释包含3个以上组件、复杂数据流或受益于视觉表示的关系时主动使用。最适合需要自定义样式、丰富形状词汇、泳道或可导出图片（PNG/SVG/PDF/JPG）的图表。生成.drawio XML并通过本地draw.io桌面CLI导出。
这是一个用于生成各种专业图表的AI代理技能，特别适合需要高度自定义样式的场景。它支持流程图、架构图、ER图、UML图、网络拓扑、ML/DL模型图（如Transformer、CNN、LSTM结构图）、思维导图等多种图表类型。该技能主要面向Claude Code、Cursor、Codex等AI代理平台，通过生成.drawio XML文件，并利用本地安装的draw.io桌面CLI工具进行导出，支持PNG、SVG、PDF、JPG等常见格式。其核心优势在于提供丰富的形状词汇库、泳道支持以及精细的样式控制，特别适用于解释复杂系统（3个以上组件）或数据流时，能够生成专业级、可直接嵌入文档或演示中的可视化图表。
npx skills add https://github.com/agents365-ai/365-skills/tree/main/skills/drawio-skillInstalled? Explore more 图像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
当用户请求图表、流程图、架构图、ER图、UML/序列/类图、网络拓扑、ML/DL模型图（Transformer/CNN/LSTM）、思维导图或任何可视化时使用。也可在解释包含3个以上组件、复杂数据流或受益于视觉表示的关系时主动使用。最适合需要自定义样式、丰富形状词汇、泳道或可导出图片（PNG/SVG/PDF/JPG）的图表。生成.drawio XML并通过本地draw.io桌面CLI导出。
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.