Pacy Devtools

Pacy Devtools is a coding tool in the browser that connects to your AI agents.
It aims to turn the browser into the main realm of coding, by combining IDE features and devtools features together in a simple UI.

Simply by clicking on elements, you can instantly jump to the specific line of code in your codebase, make UI tweaks in browser, and send them to AI agents as strucured change requests.

After you're done with manual or automated edits, you can review the generated code without leaving the browser, easily approve or reject it.

Here is an overview of its IDE features:
- Jump to line of code
- Chat panel
- Changes panel
- Quick code edit panel

...and here are the devtools features:
- Inspect elements
- Inspect CSS
- Inspect spacing
- Console panel
- Network panel

Here are the frameworks, bundlers, and AI agents that it supports:

| Category | Supported Technologies |
|----------|----------------------|
| Terminal Agents | Claude Code, Codex|
| IDE-based Agents |Cursor, VSCode (Copilot), 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, visit https://pacy.dev.