The 4 plugins to install before you vibe code with Claude Code

You commented CODING. Here are the four plugins from the reel.

Each one gives Claude Code a job it can't do on its own: talk to your database, deploy your site, read current docs, and look at your site in a real browser. Type each command into Claude Code, one line at a time.

Connects Claude Code to your Supabase project. It can run SQL, apply migrations, generate TypeScript types and check your project for security and performance advisories. Point it at a development project, not one holding real customer data.

118,617 installs on the Claude plugin directory (checked 30 Sep 2026).

Gives Claude Code the Vercel workflow: set up a project, manage environment variables, check status and deploy. Deploys go to a preview URL by default. It only deploys to production when you ask it to.

227,688 installs on the Claude plugin directory (checked 30 Sep 2026).

Stops Claude guessing from out-of-date training data. Add "use context7" to a prompt and it pulls the current, version-specific docs for the library you are using, so you get fewer made-up functions.

417,801 installs and 62,543 GitHub stars. The most installed of the four (checked 30 Sep 2026).

Lets Claude Code open your site in Chrome and look at it. It can read console errors, inspect network requests, take screenshots, run a Lighthouse audit and record a performance trace. Built by the Chrome team at Google.

102,569 installs and 52.7k GitHub stars (checked 30 Sep 2026).

Add the official marketplace first, then run the install again:

Install counts move daily. These are the figures I saw on 30 September 2026.

Built something with these? DM me on Instagram and show me. I read every one.

I send one of these a week: an AI tool, what it does, and how to use it without writing code. Subscribe and the next one lands in your inbox.

PS. Want this done for your business site? That's what we do at optimax-ai.com.