SourceCanvas AI Skills 下载

让 AI 绘制图表与 SVG 图标，再用 SourceCanvas 查看；也可以在长时间任务中，用同一个预览展示最新进展。

更新于 2026-10-07 · Skill 1.0.0

AI 图表创作

从需求、代码或数据生成流程图、时序图、ER 图、甘特图、思维导图、架构图、UML 与 SVG 图标。没有 MCP 也能生成可编辑源码。

sourcecanvas-diagrams · 7 KB

下载 ZIP

在 Mac 弹出 SourceCanvas 预览，并在排查、编程和规划中更新同一个窗口。包含连接检查、错误处理与安全导出规则。

sourcecanvas-live-preview · 7 KB

下载 ZIP

免费获取操作说明与示例。Skill 不包含 App 或模型，也不解锁 Pro；MCP 自动化需要 macOS 和相应权益。Skill 正文为英文，支持用你的语言提出请求。

下载并解压，先阅读 SKILL.md。将整个同名文件夹放入下表中的一个目录，不要只复制单个文件。
已有同名 Skill 时先备份再替换。个人与项目范围只选一个，避免重复安装。
新开 AI 会话，检查 Skill 列表；必要时重启应用。其他支持 Agent Skills 的应用请按其当前文档导入。仅支持 MCP 不代表支持 Skill。

Claude Code 的目录不适用于 Claude Desktop。不支持 Skill 的 AI 应用，可手工使用 SKILL.md 中的工作流程作为提示词。安装 Skill 不会自动配置 MCP。

在 Mac 打开 SourceCanvas → 设置 → MCP 与 AI 应用，启用 AI 应用连接，并连接你要使用的 AI 应用。
按 macOS 提示批准登录项，点击“检查连接”。在 AI 应用中重新连接 MCP，确认出现 list_formats 和 render_diagram 等工具。
读写本地文件时，只授权所需文件夹；它同时需要位于 AI 应用允许访问的工作区内。标准辅助程序路径如下；其他安装位置以应用内配置为准。

/Applications/SourceCanvas.app/Contents/Helpers/sourcecanvas-mcp
serve --stdio

MCP 是 Mac 本机 stdio 服务，不是远程网址。iPhone、iPad 和 Apple Vision Pro 可打开生成的源码文件，但不会自动接收 Mac 的预览窗口。

$sourcecanvas-diagrams 用中文画订单支付流程，包含失败、重试和取消，输出 Mermaid 源码。未确认的业务规则请标为假设。

$sourcecanvas-live-preview 用 SC 预览刚才的图表，修改后继续更新同一个窗口。

$sourcecanvas-live-preview 排查当前登录问题，在 SC 展示排查流程。确认原因、完成修改和得到测试结果时更新同一个图；首次弹出，之后后台更新，不要把未完成步骤标记为完成。

以上使用 Codex 的 $ 调用方式；Claude Code 将 $ 换成 /。也可以直接说明要用哪个 Skill。图表创作包附有五个可编辑示例，实时预览包附有两次更新的接口示例。

同一个图使用稳定 preview_id 和递增 revision；首次请求显示，后续只在重要进展发生时后台更新，不反复抢焦点。AI 会话停止后，不会自行继续监控。

渲染成功不等于窗口可见。先核对诊断和显示请求，再确认实际看到图表。手工编辑过的草稿需要保留，冲突时由你选择。

导出时说明格式和已授权的目标目录。默认不覆盖已有文件。PlantUML 使用单文件内联内容，不绕过外部引用限制。

本地绘图不改变 AI 应用的数据政策。不要把密钥或不必要的私人信息放进图表。需要购买或重新验证时，到 SourceCanvas Pro 处理；Skill 不会代你购买。

找不到 Skill：检查目录层级，重新开会话。找不到 MCP 工具：检查本机连接配置并重新连接 AI 应用。

超时或没看到窗口：先在 SourceCanvas 检查连接，再请求重新显示；不要反复手工启动服务进程。

甘特图异常：核对日期和依赖，使用官方 Mermaid 模式。文件权限错误：只授权所需目录，不要扩大为全盘访问。