Pacy Devtools

Pacy Devtools is a coding tool in the browser that connects to your AI agents.
By letting you interact with your code directly within the browser, it streamlines your development workflow, and helps you iterate faster.

Apart from the AI features, it's still useful as you can target elements with the full context to the specific lines of code, along with having some browser devtools features, and IDE features together.

Without leaving the browser, you can:

- Send prompts to your IDEs and CLI tools.
- Receive task updates/summaries.
- Review the diff of the changes, approve, or reject them.

It also comes with features that don't require AI:

- Navigate to a specific line of code in your IDE.
- Edit relevant source code directly from a panel.
- Inspect spacing, like in design tools.

Also, it has the following browser devtools features:

- Elements inspector
- CSS inspector
- Console & Network tabs (beta)

Here are the frameworks, bundlers, and AI agents that Pacy Devtools supports.

| Category | Supported Technologies |
|----------|----------------------|
| AI Agents | Claude Code, VSCode (Copilot), Cursor, Windsurf (Cascade), Cline, RooCode |
| Frameworks | React, Vue, Svelte, Next.js, Remix, Preact, Nuxt, Astro, Solid, Qwik |
| Bundlers | Vite, Webpack, esbuild, Turbopack, Rspack |

For more information, refer to https://pacy.dev.