drawio-skill 是做什麼的？
當使用者要求繪製圖表、流程圖、架構圖、ER 圖、UML/序列圖/類別圖、網路拓樸、機器學習/深度學習模型圖（Transformer/CNN/LSTM）、心智圖或任何視覺化時使用。也適用於主動解釋包含三個以上元件、複雜資料流或需要視覺表示的關係時。最適合需要自訂樣式、豐富圖形詞彙、泳道或可匯出圖片（PNG/SVG/PDF/JPG）的圖表。生成 .drawio XML 並透過原生 draw.io 桌面 CLI 在本機匯出。
當使用者要求繪製圖表、流程圖、架構圖、ER 圖、UML/序列圖/類別圖、網路拓樸、機器學習/深度學習模型圖（Transformer/CNN/LSTM）、心智圖或任何視覺化時使用。也適用於主動解釋包含三個以上元件、複雜資料流或需要視覺表示的關係時。最適合需要自訂樣式、豐富圖形詞彙、泳道或可匯出圖片（PNG/SVG/PDF/JPG）的圖表。生成 .drawio XML 並透過原生 draw.io 桌面 CLI 在本機匯出。
此技能名為 agents365-ai/drawio-skill，專為開發者與 AI 代理（如 Claude Code、Cursor、Codex）設計，用於根據使用者需求自動生成並匯出各種圖表。支援的圖表類型廣泛，包含流程圖、架構圖、實體關係圖（ER）、UML 圖（序列、類別）、網路拓樸、機器學習/深度學習模型圖（如 Transformer、CNN、LSTM）以及心智圖。此技能特別適合在解說包含三個以上元件、複雜資料流或需要視覺化關係的系統時主動使用。其核心運作方式是生成符合 draw.io 格式的 .drawio XML 檔案，並利用原生 draw.io 桌面 CLI 工具在本地端匯出成 PNG、SVG、PDF 或 JPG 等圖片格式，無需依賴雲端服務。此技能的最大優勢在於支援自訂樣式、豐富的圖形詞彙庫、泳道（swimlanes）以及高品質的可匯出圖片，讓技術團隊能快速建立專業級圖表以輔助溝通與文件撰寫。
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/序列圖/類別圖、網路拓樸、機器學習/深度學習模型圖（Transformer/CNN/LSTM）、心智圖或任何視覺化時使用。也適用於主動解釋包含三個以上元件、複雜資料流或需要視覺表示的關係時。最適合需要自訂樣式、豐富圖形詞彙、泳道或可匯出圖片（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.