Build an app · 2 free picks

Debug: fix errors without breaking more

An assistant sometimes fixes a bug with a drastic step, such as wiping a database. Error messages also mean little if you do not write code. These add-ons let it read the real errors in the browser and debug one step at a time.

Free picks (tested by us)

Most useful first. Each one was installed on a clean test system; start with the first, try it, then add the next.

01
RecommendedskillInstalls cleanly
Plan, test and check its own work
Superpowers
Makes the assistant ask questions, plan, test and check its own work.
Test: installs cleanly and works without an account. Not yet used on real work.
EveryoneWatch outIt changes how the agent works. It asks many questions and may start helper agents, which uses more of your usage limit.
For Claude Code Also works with Codex CLI and Gemini CLI — see all steps
Type this inside Claude Code
```
> /plugin install superpowers@claude-plugins-official
```
Other ways to install, and how we tested it
02
connectorPartly tested (needs an account)
Check your site in Chrome
Chrome DevTools MCP
Lets your assistant open your site in Chrome, read its errors and check its speed.
Test: installs cleanly; its main features need an account we did not use. Not yet used on real work.
Good forWeb developers, Build an appWatch outIt controls Chrome and can read page content, cookies in the browser it controls, and network traffic. Use a fresh browser profile.
For Claude Code Also works with Codex CLI and Gemini CLI — see all steps
Paste this in the terminal
```
$ claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest
```
What it does and how we tested it

Superpowers Pack · early access

Premium superpowers in the Superpowers Pack

In every pack
Debug step by step
Finds the real cause of an error instead of guessing.

Free picks (tested by us)

Plan, test and check its own work

Check your site in Chrome

Premium superpowers in the Superpowers Pack

Debug step by step