Heckle

Heckle 是一款专为开发者设计的浏览器插件，它架起了你与编码智能体之间的桥梁。当开发过程中出现问题，你无需中断思路去手动截图、复制控制台日志或整理网络请求——Heckle 会自动捕获屏幕、用户操作路径、DOM 状态、控制台日志及网络请求等关键证据，并生成一份智能体可直接理解的 Bug 描述任务。你只需审核并确认，即可将完整上下文一键发送给编码助手，极大提升调试效率。

核心功能

Heckle 的核心在于自动化证据采集与任务生成。它实时监控浏览器环境，当检测到异常（如页面报错、UI 渲染异常）时，自动收集以下信息：

• 屏幕截图：记录问题发生时的页面视觉状态。
• 用户操作路径：追踪导致问题的点击、输入等交互序列。
• DOM 快照：保存当前页面结构，便于定位元素问题。
• 控制台日志：捕获错误、警告及自定义日志。
• 网络请求：记录 API 调用、资源加载及响应数据。

收集完成后，Heckle 将这些证据整合成一份结构化的任务描述，包含问题复现步骤、预期与实际行为、环境信息等，并等待你审核。你可以在发送前补充或修改描述，确保信息准确。

主要特性

• 无缝集成：作为浏览器扩展，不干扰现有开发流程，即装即用。
• 一键生成：从发现问题到生成任务仅需几秒，无需手动整理。
• 证据全面：覆盖视觉、交互、代码、网络等多维度信息，减少沟通遗漏。
• 可审核可编辑：生成的任务描述支持人工审核与修改，确保质量。
• 兼容主流编码助手：适配 GitHub Copilot、Cursor、Codeium 等常见 AI 编码工具。

适用场景

• 前端调试：快速向编码助手描述 UI 渲染、交互逻辑或 API 调用问题。
• Bug 复现：为团队或 AI 提供完整复现步骤，加速问题定位。
• 代码审查：在审查时发现潜在问题，附带证据辅助讨论。
• 学习与教学：记录开发过程中的错误案例，用于复盘或教学。

Heckle 让开发者专注于解决问题本身，而非繁琐的 Bug 描述过程。它重新定义了人机协作的调试体验，是每位使用 AI 编码助手的开发者不可或缺的效率工具。