eraser-diagrams 是做什麼的？
從程式碼、基礎設施或描述生成架構圖表。當使用者要求視覺化、繪製圖表或記錄系統架構時使用。
從程式碼、基礎設施或描述生成架構圖表。當使用者要求視覺化、繪製圖表或記錄系統架構時使用。
此技能讓開發者能夠透過自然語言描述、程式碼或基礎設施資訊，自動生成系統架構圖表。它支援多種平台（如 Claude Code、Cursor 等），並透過解析輸入內容來識別元件、關聯性與部署結構，進而產生清晰的視覺化圖表。使用者無需手動繪圖，只需描述系統名稱與元件關係，技能即會產出符合標準的架構圖。這特別適合用於技術文件撰寫、系統設計審查或簡報製作，能大幅節省繪圖時間並確保圖表與實際程式碼或基礎設施一致。技能核心在於將抽象描述轉換為具體圖形，並支援常見雲端服務與地端元件。
npx skills add https://github.com/eraserlabs/eraser-io/tree/main/skills/eraser-diagramsInstalled? Explore more 影像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
從程式碼、基礎設施或描述生成架構圖表。當使用者要求視覺化、繪製圖表或記錄系統架構時使用。
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.