Pacy Devtools Overview

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.

AI Agents	Claude Code VSCode Cursor Windsurf Cline RooCode
Frameworks	React Vue Svelte Next.js Remix Preact Nuxt Astro Solid Qwik
Bundlers	Vite Webpack esbuild Turbopack Rspack

What’s Next?

Usage How to start using Pacy

Framework Configuration How to configure your project for Pacy