eraser-diagrams 是做什么的？
从代码、基础设施或描述生成架构图。当用户请求可视化、绘制图表或记录系统架构时使用。
从代码、基础设施或描述生成架构图。当用户请求可视化、绘制图表或记录系统架构时使用。
Eraser Diagrams 是一款 AI 代理技能，能够通过用户提供的代码、基础设施配置或自然语言描述，自动生成系统架构图。该技能极大地简化了架构文档的创建流程，帮助工程师快速将复杂的系统概念转化为清晰的视觉图表，适用于技术文档、演示或设计讨论。它支持多种输入格式，如代码仓库结构、云资源配置和架构描述，并且能够与主流的 AI 编码代理（例如 Claude Code、Cursor、Codex）无缝集成。Eraser Diagrams 的工作原理是解析用户输入，识别其中的架构元素和关系，然后利用 Eraser 平台生成可编辑的图表文件。通过本技能，团队可以节省手动绘图的时间，确保架构图与代码或描述始终同步，从而提升开发效率和文档一致性。
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.