Skip to content

【工具自荐】Inspecto:打通浏览器与 AI 助手的无缝调试开发工具 #9611

@hugo-felix

Description

@hugo-felix

项目名称:Inspecto
项目地址https://github.com/inspecto-dev/inspecto

详细介绍
AI 辅助编程中,从浏览器查看 UI → DevTools 定位 → IDE 找代码 → 复制给 AI 提问的流程繁琐低效。Inspecto 打通浏览器、IDE 与 AI 助手,提供三大核心能力:

  1. Inspect 模式:网页选中组件,直接携带上下文发送给 AI 助手提问。
  2. Annotate 模式:跨组件收集修改意见,一键打包给编辑器或 AI。
  3. Quick Jump:按住 Alt + 点击元素,IDE 精准直达对应源码位置。

支持 VS Code、Cursor、Trae 等 IDE,适配 Copilot、Claude Code、Codex、Gemini 等 AI 助手,零侵入、接入简单。

项目截图/动图

  1. Inspect 模式:点击组件直接问 AI
    Inspect mode

  2. Annotate 模式:跨组件收集记录并发送
    Annotate mode

  3. Annotate 快捷模式:连续快速批注
    Annotate quick mode

  4. Quick jump:Alt+点击 直达源码
    Quick jump

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions