前言¶

在需要手绘风格示意图的协作场景中，常常需要快速生成并嵌入到文档或讨论中。现有的工具往往需要切换到外部应用，流程割裂。下面介绍一个在 SkillHub 上维护的 Skill，用于在对话中直接生成 Excalidraw 风格的绘图。

是什么¶

Excalidraw Wrap 是一个由社区开发者 user_922b1001 维护的 Skill，分类为 design-media。它基于通用 SKILL.md 格式，旨在让大模型助手在对话中直接生成 Excalidraw 风格的绘图，减少对外部应用的切换，提升协作效率。

核心功能¶

• 支持在对话中直接生成 Excalidraw 风格的绘图。
• 遵循通用 SKILL.md 格式，便于在不同客户端中复用。

安装与启用¶

在 Cursor 中安装与启用：

1. 打开 Cursor 设置（Settings）。
2. 进入「Resources」或「Skills」配置。
3. 选择「添加自定义 Skill」或「从 URL 导入」。
4. 粘贴官方地址并导入。
5. 在对话中通过自然语言指令调用该 Skill。

在 Codex CLI 中安装与启用：

1. 打开 Codex CLI 的配置文件（通常为 .codexrc 或 codex.json）。
2. 在 skills 节点中添加以下配置：

{
  "skills": [
    {
      "name": "excalidraw-wrap",
      "url": "https://api.skillhub.cn/user_922b1001/excalidraw-wrap",
      "version": "1.0.0"
    }
  ]
}

3. 重启 Codex CLI 使配置生效。

在 Claude Code 中安装与启用：

1. 打开 Claude Code 的配置文件（通常为 .claude-code 或 claude_code.json）。
2. 在 skills 节点中添加以下配置：

{
  "skills": [
    {
      "name": "excalidraw-wrap",
      "url": "https://api.skillhub.cn/user_922b1001/excalidraw-wrap",
      "version": "1.0.0"
    }
  ]
}

3. 重启 Claude Code 使配置生效。

典型用法¶

在对话中，通过自然语言指令调用该 Skill。例如：

请用 Excalidraw Wrap 生成一个流程图，展示用户登录到订单处理的步骤。

适用场景与注意¶

• 适合在需要快速生成手绘风格示意图的协作场景中使用。
• 需要配合支持自定义 Skill 的客户端（如 Cursor、Codex CLI、Claude Code）。
• 目前不支持 API Key（requires_api_key=false），无需配置密钥。

结尾¶

Excalidraw Wrap 为需要手绘风格示意图的开发协作提供了便捷的集成方式。更多细节与最新更新，可访问官方地址：https://api.skillhub.cn/user_922b1001/excalidraw-wrap