菜单
Build and maintain Excalidraw architecture diagrams. Use this when the user asks to "draw", "diagram", or "visualize" an architecture or process.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Advanced git operations including committing, pushing, and branch management. Use this when you need to persist changes to the remote repository.
Automated code review and quality checks. Use when you need to review changes, find TODOs, or identify complex files.
Hunt for weird, hacky, or funny code snippets and add them to the Hall of Weirdness (MUSEUM.md).
Automated documentation generation and auditing. Use when extracting comments, generating READMEs, or finding undocumented code.
Tools for automated refactoring and codebase cleanup. Use when renaming things, moving files, or consolidating logic.
Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.
| name | excalidraw |
| description | Build and maintain Excalidraw architecture diagrams. Use this when the user asks to "draw", "diagram", or "visualize" an architecture or process. |
This skill allows you to create and manipulate architecture diagrams using the Excalidraw format.
The skill manages a diagram.excalidraw file in the current workspace. You can add nodes (rectangles with labels) and arrows to represent systems, components, and their relationships.
Create a shape with a text label at specific coordinates.
./.pi/skills/excalidraw/scripts/excalidraw_tool.py add_node "User" 100 100
Create an arrow between two existing nodes by their IDs.
./.pi/skills/excalidraw/scripts/excalidraw_tool.py add_arrow <from_id> <to_id> "API Request"
Update the position of a node.
./.pi/skills/excalidraw/scripts/excalidraw_tool.py move <id> <new_x> <new_y>
Remove a node or arrow.
./.pi/skills/excalidraw/scripts/excalidraw_tool.py delete <id>
View current elements and their IDs.
./.pi/skills/excalidraw/scripts/excalidraw_tool.py list
I've provided an export_html command. It creates a standalone HTML file with the diagram data embedded, which bypasses CORS issues when opening locally.
./.pi/skills/excalidraw/scripts/excalidraw_tool.py export_html viewer.html
Open viewer.html in your browser to see the masterpiece.
clear if starting fresh.add_node for each component. Note the IDs returned.add_arrow with the recorded IDs.list to verify the structure.diagram.excalidraw file is ready. They can open it at excalidraw.com by dragging and dropping the file onto the canvas.excalidraw_tool.py: Python script for manipulating the .excalidraw JSON file.