Snap

Snap 是什么？

Snap 是 AI 编码的悬浮“开发码头”。它始终浮动在桌面最上层，让你捕获并引用屏幕内容，将视觉上下文转为提示词，并运行操作——无需切换编辑器。

核心目的是简化 AI 编码的常见开发流程：保存工作状态、为代理澄清 UI/代码上下文、管理代理会话，以及从码头启动工具（如 VS Code、Claude Code、Cursor 或其他命令）。

主要功能

• 带编号 UI 元素的智能截图：选择任意区域，Snap 会自动为按钮、输入框和链接编号，便于粘贴精确引用到 Claude 或 Cursor 等工具。
• 提示词优化器：输入粗略指令（如“fix the sidebar”），Snap 返回包含上下文、文件路径和预期行为的结构化提示词；页面注明输出延迟低于 200ms（通过 Groq）。
• 点击选择 DOM 检查器和视觉编辑提示：点击应用中的元素，使用视觉控件编辑 CSS；Snap 将变更转为 AI 代理可用的提示词。
• 语音输入创建提示词：按录音键口述需求；站点描述使用 Whisper 的实时转录，将语音转为干净文本提示词。
• 工作区快照：一键保存当前打开内容，一键后续恢复，包括编辑器、终端和 Claude Code。
• 代理会话管理器：实时查看跨项目的运行编码代理，跟踪成本/令牌/上下文使用，并批准或拒绝操作；站点称支持 Claude Code、Codex、Cursor Agent 等。
• 自定义码头按钮用于工具和命令：添加码头按钮打开 VS Code、Claude Code、Cursor 或其他工具，运行 shell 命令、启动 URL 或触发脚本。
• 教育短视频：精选 15–60 秒编码技巧，针对开发流程设计，在 Claude 思考时自动播放。

如何使用 Snap

1. 下载并启动 macOS 版 Snap（站点提供 macOS 下载）。
2. 与现有工具并用：工作时保持悬浮码头置顶。
3. 为 AI 捕获上下文：使用智能截图为相关 UI 元素编号，或使用预览/窗口交互选择元素生成 AI 就绪提示词。
4. 更快创建提示词：有粗略目标时，使用提示词优化器生成带上下文和文件路径的结构化提示文本。
5. 运行和管理 AI 编码会话：如常在支持工具中启动代理，然后用代理会话管理器监控状态并批准/拒绝操作。

使用场景

• 让 AI 代理修改 UI 时减少歧义：用智能截图选择确切按钮/输入框/链接，代理可直接引用目标元素，无需手动描述。
• 从粗略指令生成结构化修复提示：输入简单目标如“fix the sidebar”，用提示词优化器获取包含上下文和预期行为的提示词。
• 带视觉上下文迭代 CSS 变更：点击检查元素并应用 CSS 编辑；Snap 将变更转为 AI 代理实现或验证的提示词。
• 快速恢复多工具开发环境：停止工作时创建工作区快照；后续恢复精确的打开编辑器/终端/Claude Code 集合。
• 跨仓库监控代理操作：用代理会话管理器实时跟踪多个会话，审阅成本/令牌/上下文使用，并批准或拒绝工具权限。

常见问题

• Snap 支持哪些平台？ 页面明确提及 Download for macOS。未提及其他平台。

• Snap 支持特定 AI 编码工具吗？ 站点称 Snap 支持包括 Claude Code、Codex、Cursor Agent 等工具，并提及与 VS Code 的工作流。

• Snap 能捕获任意应用的 UI 上下文吗？ Snap 描述为浮动“在任意应用之上”，智能截图/预览交互描述为在应用内选择元素。

• Snap 如何帮助编写提示词？ 包含 提示词优化器将粗略指令转为结构化提示词，加上 智能截图和点击/视觉编辑功能生成 AI 就绪引用。

• 能从码头启动工具或运行命令吗？ 可以。页面描述 自定义码头按钮用于启动工具（如 VS Code、Claude Code、Cursor）和运行 shell 命令、URL 或脚本。

替代方案

• 集成到编辑器（IDE 扩展）的 AI 编码助手：目标相似（辅助代码变更），但通常局限于编辑器内部，可能无法提供独立的悬浮码头用于 UI 元素编号或跨工具会话监控。
• 结合 AI 聊天客户端的截图粘贴工作流：你可以手动捕获 UI/代码上下文并在聊天中描述，但会丢失 Snap 的编号元素引用和自动化提示词优化。
• 开发工作流的任務运行器或启动器工具：创建应用/命令快捷方式的实用工具可覆盖 Snap 部分功能（码头按钮），但通常不包含截图转提示词或代理会话监控。
• 基于浏览器开发者工具的 UI 变更文档：开发者工具可帮助检查 DOM/CSS，但 Snap 的方法专注于将该上下文直接转换为开发者工作流中 AI 代理的提示词。