FlowDesk Screenshot Capture产品系统Vibe Coding

面向产品、测试和研发在日常提需求、提缺陷、回归验证和线上问题排查中的截图反馈场景。

用户在网页上发现问题后，可直接截取当前页面，补充选中文本、页面标题、URL、说明和截图标注，再一键整理成结构化议题提交到 FlowDesk（类似禅道管理系统），减少来回沟通和信息遗漏。

这是一个本地浏览器插件，用于将网页截图、标注和页面上下文整理后提交到 FlowDesk（类似禅道管理系统）。

插件支持登录保存 Token、添加当前页截图、在独立标注页使用方框、箭头、画笔和文字做重点标记，并支持新建议题或追加到已有议题。提交时会自动带上标题、总体说明、测试步骤、预期结果、测试结果、页面标题、URL、选中文本和可选页面摘要，方便快速定位问题。

前端由 popup.html / popup.js / popup.css 组成，使用原生 JavaScript、HTML 和 CSS 实现弹窗、设置页和截图队列管理；background.js 负责 chrome.tabs.captureVisibleTab 截图、本地 chrome.storage.local 暂存、图片多档压缩与 /api/uploads 上传，以及 /api/issues 的创建和追加；content.js 负责采集当前页面标题、URL、选中文本、meta description、标题列表和正文摘要；annotate.js 使用 canvas 完成标注编辑并保存回队列。

整体采用 Manifest V3，不依赖前端框架，适合 Chrome / Edge 使用。