现在写代码大半交给 AI 了( Claude Code / Cursor 之类),但每次发现一个 UI bug 想让它修, 流程都挺割裂的:截图 → 找个工具圈一下哪里不对 → 再打字把问题描述一遍 → 贴到 issue 或者 直接糊给 AI 。一套下来很打断心流。最烦的是「描述」这步:懒得打字,但说不清楚 AI 又改不对。
于是做了个 Chrome 插件 shot2issue ,把这套流程压扁成:
截图当前页 → 在图上圈一下 / 给敏感信息打码 → 对着麦克风把问题吐槽出来 → AI 把语音整理成结构化 issue (标题 + 复现步骤 + 正文),截图自动内联进去 → 一键提到 GitHub / GitLab / YouTrack (我喜欢这个 w )
最后把这个 issue 丢给 coding agent ,它拿到的是带图、有结构的描述,而不是我语无伦次的一句话。
几个点:
- 标注工具齐全:矩形 / 编号框 / 箭头 / 画笔 / 文字 / 马赛克打码 / 裁剪,也支持直接 Ctrl+V 粘贴图片
- 语音听写支持多语言,还能配「词典」纠正识别(项目名、专有名词那种)
- AI 用的是你自己的 ChatGPT / Codex 账号( OAuth 登录),不经过我的任何服务器
- 所有设置只存在你本地浏览器里,不上传
- 界面中 / 英 / 日,免费、开源
GitHub (含截图和安装说明): https://github.com/wa-otomia/shot2issue
Chrome 插件市场: 不想交钱
刚做完不久还在迭代,欢迎来点个 Star 或者提 issue —— 毕竟这就是个用来提 bug 的工具,用它给它提 bug 最合适(笑)。