design-doc-mermaid 是做什麼的？
根據文字描述或原始碼建立 Mermaid 圖表（活動圖、部署圖、序列圖、架構圖）。當被要求「建立圖表」、「產生 Mermaid」、「記錄架構」、「將程式碼轉換為圖表」、「建立設計文件」或「將程式碼轉換為圖表」時使用。支援層級式隨需指南載入、Unicode 語義符號，以及用於圖表提取和圖片轉換的 Python 工具。
根據文字描述或原始碼建立 Mermaid 圖表（活動圖、部署圖、序列圖、架構圖）。當被要求「建立圖表」、「產生 Mermaid」、「記錄架構」、「將程式碼轉換為圖表」、「建立設計文件」或「將程式碼轉換為圖表」時使用。支援層級式隨需指南載入、Unicode 語義符號，以及用於圖表提取和圖片轉換的 Python 工具。
此技能可讓 AI 代理根據文字描述或原始碼動態生成 Mermaid 圖表，涵蓋活動圖、部署圖、序列圖和架構圖等常見類型。它的設計目的是在開發者提出「建立圖表」、「產生 Mermaid」、「記錄架構」或「將程式碼轉換為圖表」等請求時立即回應，省去手動繪圖的步驟。此技能支援層級式隨需指南載入，讓代理能按需取得特定圖表類型的詳細說明，避免資訊過載。此外，它還整合了 Python 工具，用於從文件中提取現有圖表以及將 Mermaid 定義轉換為圖片格式，進一步強化文件自動化流程。此技能可於任何支援 Mermaid 的平台上運作，例如 Claude Code、Cursor 或 Codex，透過標準化提示詞整合到開發工作流程中。
npx skills add https://github.com/spillwavesolutions/design-doc-mermaid/tree/main/skills/design-doc-mermaidInstalled? Explore more 影像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
根據文字描述或原始碼建立 Mermaid 圖表（活動圖、部署圖、序列圖、架構圖）。當被要求「建立圖表」、「產生 Mermaid」、「記錄架構」、「將程式碼轉換為圖表」、「建立設計文件」或「將程式碼轉換為圖表」時使用。支援層級式隨需指南載入、Unicode 語義符號，以及用於圖表提取和圖片轉換的 Python 工具。
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.