kitlangton/scrawl
Show an agent a problem: mark up, record, send
Scrawl – 为 AI 代理提供捕获与解释功能
功能概述
- 按下全局快捷键(⌥⇧S)即可录制短屏幕会话。录制时,您可以说话、点击、滚动并在屏幕上绘制。
- 停止录制后,Scrawl 会打包:
- 包含您的墨迹叠加的关键帧联系表图像。
- 每个关键帧的全分辨率 PNG。
- 时间对齐的转录文本和交互时间线(
summary.md)。 - 描述窗口、光标路径、自动裁剪区域以及捕获内容发送位置的 JSON 清单(
scrawl.json)。
- 该包可以在原生审查窗口中打开,发送到 OpenCode(Claude 风格)会话,或导出为 MP4。
对 AI 的重要性
- 该包是视觉加语言任务的结构化表示,LLM 代理可以摄取。代理读取联系表和转录文本,然后可以请求更深入的视图(
scrawl zoom …)或单个帧。 - Scrawl 附带一个代理技能(
bunx skills add kitlangton/scrawl),可将scrawl命令注册到 Claude Code、OpenCode、Codex 等,使代理能够自动获取并探索捕获的上下文。
主要功能
| 功能 | 您获得的内容 |
|---|---|
| 一键录制 | 全局热键启动/停止捕获;可选按住以选择区域、窗口或 iPhone 屏幕。 |
| 音频 + 转录 | 使用 Apple Speech(或 Hex)生成同步转录文本,无需超出初始授权的麦克风权限。 |
| 实时注释 | 绘制红色笔划、编号标记,使用 ⌘Z 撤销——全部烘焙到最终帧中。 |
| 自动裁剪 | 在全屏捕获后,Scrawl 分析光标移动、点击和墨迹,自动将每个关键帧裁剪到相关窗口。 |
| 代理集成 | scrawl zoom、scrawl frames、scrawl send、scrawl export 命令让 LLM 检索聚焦帧、将包发送到 OpenCode 会话,或创建可共享的视频。 |
| 开发站点路由 | 如果捕获结束于本地开发站点,Scrawl 可以自动检测项目的 OpenCode 会话(通过小型 SDK 脚本或检查本地 git 仓库)并将包发送到那里。 |
| 跨平台 | 原生 macOS 应用(Apple Silicon,macOS 26+)、可预览的 Windows 构建(预览版,无自动更新)。 |
| CLI 工具 | 所有操作(preview、inspect、frames、export、autocrop、mic、devices 等)均可通过 cargo run -- … 供高级用户和自动化使用。 |
| 自动更新 | macOS 版本通过 Sparkle 更新;Windows 版本为手动 zip。 |
使用方法
- 安装应用(macOS 上使用 Homebrew cask,Windows 上使用 zip)。
- 添加代理技能(
bunx skills add kitlangton/scrawl)。 - 按 ⌥⇧S,演示问题(说话、点击、绘制),再次按下。
- 包出现在
~/Downloads(或自定义文件夹)中。 - 在 LLM 聊天中,粘贴包或运行
scrawl send …让代理检查它。
AI 助手的典型工作流程
- 用户录制 UI 错误演示。
- 代理接收包,读取转录文本,查看联系表,并请求对特定时刻进行缩放(
scrawl zoom demo.scrawl --at "error dialog")。 - 代理分析缩放后的帧,建议修复,并可选导出短视频与团队分享。
技术说明
- 权限:屏幕录制、麦克风、辅助功能,以及(可选)用于 iPhone 镜像的摄像头。
- 自动裁剪算法在 Rust 中运行(
src/autocrop.rs),可通过本地 JSON 配置或实时 Web UI(scrawl autocrop … --serve)进行调整。 - 所有配置位于
~/.config/scrawl/config.json。
可能对谁有用
- 希望为 LLM 代理提供具体视觉上下文以进行 UI 调试、入职或文档编写的开发者。
- 使用支持自定义技能的 Claude 风格“代码助手”代理的团队。
- 任何需要快速、可搜索的屏幕加语音演示记录的人。
所有细节均直接取自项目 README;未推断任何额外功能。
相关
- 项目
- 项目
- 项目
- 项目