excalidraw-diagram 是做什麼的？
建立 Excalidraw 圖表 JSON 檔案，以視覺化方式呈現工作流程、架構或概念。當使用者想要視覺化工作流程、架構或概念時使用。
建立 Excalidraw 圖表 JSON 檔案，以視覺化方式呈現工作流程、架構或概念。
此技能可讓 AI 代理程式產生 Excalidraw 格式的 JSON 圖表，用於視覺化論證，例如工作流程、架構或概念。使用者只需描述欲繪製的圖表，AI 代理程式便能產出對應的 Excalidraw JSON 檔案，這些檔案可直接匯入 Excalidraw 編輯器中進一步編輯或分享。此技能支援所有能執行檔案寫入與 JSON 格式化的 AI 代理平台（如 Claude Code、Cursor 等），適合在需要以視覺方式溝通複雜邏輯或系統設計時使用。代理程式會根據使用者指示，自動建立包含元素、連線與樣式的結構化 JSON，大幅簡化圖表建立流程。
npx skills add https://github.com/coleam00/excalidraw-diagram-skill/tree/main/skills/excalidraw-diagramInstalled? Explore more 影像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
建立 Excalidraw 圖表 JSON 檔案，以視覺化方式呈現工作流程、架構或概念。當使用者想要視覺化工作流程、架構或概念時使用。
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.