Sketchy 能将 AI 解释转化为聊天中可交互的手绘示意图，帮助你梳理应用架构、追踪请求从按钮到数据库的完整链路，并点击关联节点直接打开源文件。它支持在 Claude 中使用，也可通过 npm 集成到 Cursor；你可以自由手绘画布，或导出至 Excalidraw 继续编辑。Sketchy 免费且开源，由模型生成紧凑的场景描述，自动完成布局与渲染，无需为此消耗额外的模型 tokens。

产品详细介绍

Sketchy 可在聊天中创建交互式可视化解释

ddkbs创始人

你好，Product Hunt！我是 David，来自德国的学生。

我开发 Sketchy，是因为我受够了 AI 用大段大段的文字解释所有内容。Sketchy 让 Claude 通过交互式手绘风格图示来回答问题：悬停查看详情，或点击进入分步浏览模式。

工作原理：大语言模型不擅长坐标计算，因此模型直接输出的 SVG 经常出现方框重叠。在 Sketchy 中，Claude 只会输出一个紧凑的 JSON 场景，其中包含节点、边、分组和步骤。elkjs 负责布局和正交边路由，rough.js 则以手绘风格渲染。后续编辑会保留现有节点的位置，即使添加了回边也是如此，从而便于比较同一图示的不同版本。

基准测试：在 Claude Code 中使用 Sonnet 时，Sketchy 每次回答平均输出 686 个 token，而纯文本输出为 962 个 token，约少 29%。成本为 $0.58，而纯文本为 $0.61。对话中的第一张图成本略高。

其他功能：

• 仓库图示：点击节点即可在 VS Code、Cursor 或 Zed 中打开对应文件（桌面扩展 / Claude Code）

• 将 Arduino/ESP32 代码转换为电路图（使用 wokwi-elements 中约 50 种元件）

• 使用本地 Florence-2 模型进行照片标注（小型模型约 280 MB，大型模型约 3.1 GB）

• 导出为 SVG/PNG

免费且开源（MIT），可作为 Claude 聊天技能使用，也可作为 Claude Desktop 和 Claude Code 的 MCP 扩展使用。

欢迎试用并留下您的反馈！

Sketchy

Sketchy 是什么？

产品详细介绍

定价方案

创始人评论

创始团队