Begin niet aan vibe coding zonder deze vier.

Claude Code bouwt je app in een middag. Daarna moet er een database achter, moet hij live, wil je dat iemand het werk nakijkt en wil je zien wat er in de browser misgaat. Deze vier plugins regelen precies dat, zonder dat je Claude Code uit hoeft. Per plugin: wat het doet, hoe je het installeert en waar je op let.

227.688

installaties van de Vercel-plugin, volgens claude.com/plugins

gespecialiseerde agents in één team met oh-my-claudecode

54.247

sterren op GitHub voor Chrome DevTools MCP

SupabaseClaude beheert je database
Vercellive met één opdracht
oh-my-claudecodeeen team dat zichzelf nakijkt
Chrome DevToolsogen in een echte browser

01Supabase: Claude beheert je database

Supabase is de database achter veel vibe-coded apps. Met de officiële plugin, gemaakt door Supabase zelf, praat Claude Code rechtstreeks met je project. Hij draait SQL (execute_sql), schrijft en draait migraties (apply_migration), maakt de TypeScript-types bij je tabellen (generate_typescript_types) en haalt de security- en performance-adviezen van je project op (get_advisors). Er komen twee skills bij: algemene Supabase-kennis en Postgres-best practices.

# in Claude Code
/plugin install supabase@claude-plugins-official

De eerste keer dat Claude de database gebruikt, opent je browser: je logt in bij Supabase en kiest de organisatie waarin je project staat. Had je de Supabase-MCP al met de hand toegevoegd? Haal die dan weg, anders laadt Claude dezelfde tools twee keer.

02Vercel: zeg "deploy my app" en het staat live

De officiële plugin van Vercel geeft Claude Code kennis van het hele Vercel-platform, plus een handvol opdrachten. Zeg "deploy my app" of typ de opdracht zelf. Zonder toevoeging krijg je een preview-link; met prod gaat het naar productie, pas nadat je dat expliciet bevestigt.

# installeren in Claude Code
/plugin install vercel@claude-plugins-official

# deployen: eerst een preview, daarna productie
/vercel:deploy
/vercel:deploy prod

Nodig: Node.js 18 of nieuwer, Bun en de Vercel-CLI (npm i -g vercel). Is je map nog niet aan een Vercel-project gekoppeld, dan vraagt de plugin eerst om vercel link. Handig daarnaast: /vercel:env voor je omgevingsvariabelen en /vercel:status.

03oh-my-claudecode: 19 agents in één team

oh-my-claudecode (OMC) is een communityplugin van Yeachan Heo die van Claude Code een team maakt: 19 gespecialiseerde agents voor onder meer architectuur, onderzoek, ontwerp en testen. Met /team loopt een taak door een vaste volgorde: plannen, eisen vastleggen, bouwen, controleren en fixen. Dat laatste herhaalt zich tot de controle slaagt.

Stap	Wat het team doet
team-plan	de taak opdelen
team-prd	vastleggen wat het moet doen
team-exec	bouwen, verdeeld over de agents
team-verify	nakijken of het klopt
team-fix	repareren, en opnieuw nakijken

# in Claude Code, als twee losse opdrachten (samen plakken mislukt)
/plugin marketplace add https://github.com/Yeachan-Heo/oh-my-claudecode
/plugin install oh-my-claudecode

# eenmalig instellen
/omc-setup

# drie uitvoerders op één taak
/team 3:executor "fix all TypeScript errors"

Voor het echte teamwerk zet je de agent-teams van Claude Code aan: in ~/.claude/settings.json onder env de regel "CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS": "1". Staat die uit, dan waarschuwt OMC en werkt het zonder team verder waar dat kan. Weet je nog niet precies wat je wilt? /deep-interview stelt eerst vragen, voordat er één regel code komt.

04Chrome DevTools MCP: Claude kijkt in een echte browser

Gemaakt door het Chrome DevTools-team van Google. Claude Code bestuurt een echte Chrome en kijkt mee zoals jij in DevTools doet: console-fouten met de regel in je eigen broncode, netwerkverzoeken, screenshots en performance traces met concrete verbeterpunten. Je hoeft geen foutmeldingen meer over te typen; Claude ziet ze zelf.

# in Claude Code
/plugin install chrome-devtools-mcp@claude-plugins-official

# of via de marketplace van het project zelf
/plugin marketplace add ChromeDevTools/chrome-devtools-mcp
/plugin install chrome-devtools-mcp@chrome-devtools-plugins

Nodig: Node.js (LTS) en een actuele Chrome. Test het met de opdracht uit de handleiding: Check the performance of https://developers.chrome.com. Claude opent dan zelf de browser en neemt een performance trace op.

05Eerlijk is eerlijk

Supabase en Chrome DevTools MCP geven Claude echte toegang: tot je database en tot alles wat in de browser openstaat. Koppel Supabase liefst aan een ontwikkelproject, niet aan je live database; Supabase biedt een alleen-lezen-stand (read_only=true) en raadt aan eerst hun security-richtlijnen te lezen.
Vercel en Chrome DevTools MCP sturen standaard gebruiksstatistieken naar de maker. Uitzetten kan met VERCEL_PLUGIN_TELEMETRY=off en CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS=1.
/vercel:deploy uploadt je lokale map, ook bestanden die nog niet in git staan. De plugin waarschuwt daarvoor; commit eerst.
oh-my-claudecode is geen officiële plugin, en het team draait op een experimentele functie van Claude Code. Meer agents tegelijk betekent ook dat je limiet sneller op is.
De plugins zelf zijn gratis. Supabase en Vercel hebben een gratis laag en betaalde abonnementen; wat je nodig hebt hangt af van je project.

Ondernemer? Laat het voor je bouwen.

Webry bouwt systemen en AI-agents die werk uit je bedrijf overnemen, van leads opvolgen tot offertes klaarzetten. In een half uur aan de telefoon kijken we waar je bedrijf vastloopt en wat een werkbare volgende stap is.

Plan een gesprek

Meer van dit?

Op Instagram laten we zien wat AI nu al kan in het echte werk: tools, workflows en de links erbij.

Volg @webry.nl

Bronnen: de README's op GitHub van supabase-community/supabase-plugin (geen licentiebestand in de repo), vercel/vercel-plugin (Apache-2.0), Yeachan-Heo/oh-my-claudecode (MIT, versie 5.7.19) en ChromeDevTools/chrome-devtools-mcp (Apache-2.0), en de pagina's op claude.com/plugins. Sterren en installaties gecontroleerd op 27 oktober 2026. Webry is niet bij deze projecten betrokken.