excalidraw-claude-code-skill

name	excalidraw-claude-code-skill
description	生成 Excalidraw 图表。触发词："Excalidraw"、"画图"、"流程图"、"思维导图"、"架构图"、"diagram"、"时序图"。

Excalidraw 图表生成器

从文字描述生成 Excalidraw 图表，自动复制到剪贴板并打开在线编辑器。

执行步骤

收到画图请求后直接执行全部步骤，不要询问确认：

1. 生成完整的 Excalidraw JSON
2. 使用 Write 保存到 /tmp/[名称].excalidraw
3. 执行 cat /tmp/[名称].excalidraw | pbcopy && open https://excalidraw.com
4. 输出：✅ 已复制到剪贴板，按 Cmd+V 粘贴

文件结构

{
  "type": "excalidraw",
  "version": 2,
  "source": "claude",
  "elements": [...],
  "appState": {"viewBackgroundColor": "#ffffff"}
}

图表类型

类型	使用场景
流程图	步骤、工作流、决策
思维导图	概念发散、头脑风暴
架构图	系统组件、模块关系
时间线	事件顺序、项目进度

颜色方案

• 主要：#a5d8ff (浅蓝) | 成功：#b2f2bb (浅绿) | 警告：#ffec99 (浅黄) | 错误：#ffc9c9 (浅红) | 中性：#e9ecef (浅灰)

元素模板

详见 references/elements.md，包含：矩形、文字、箭头、菱形、椭圆、线条

布局规则

• 元素间距：20 的倍数
• 布局范围：0-800 x 0-600
• 每个元素的 id 和 seed 必须唯一