blackdark
Claude

4 plugins para Claude Code: Supabase, Vercel, oh-my-claudecode y Chrome DevTools

Los 4 plugins que convierten Claude Code en un equipo completo: Supabase y Vercel (oficiales), oh-my-claudecode para trabajar con un equipo de agentes y Chrome DevTools MCP de Google para que vea tu web en un navegador de verdad. Qué hace cada uno y el comando exacto para instalarlo.

Por BlackdarkActualizado el 3 min de lectura
Ir directo a los comandos

Claude Code recién instalado programa bien, pero va a ciegas: no ve tu base de datos, no puede publicar tu app y no sabe si la web que acaba de hacer se rompe en el navegador. Estos 4 plugins le enchufan justo eso.

Qué le enchufa cada plugin

  1. Supabase

    Acceso a tu base de datos: tablas, migraciones y seguridad.

  2. Vercel

    Publicar tu app y ver despliegues, logs y dominios.

  3. oh-my-claudecode

    Un equipo de agentes en vez de un solo Claude.

  4. Chrome DevTools MCP

    Ojos en un navegador de verdad: consola, red y capturas.

1. Supabase (oficial)

Está en el marketplace oficial de Claude Code y lo mantiene la comunidad de Supabase (supabase-plugin). Conecta Claude con tus proyectos de Supabase: consultas SQL, autenticación, almacenamiento y tiempo real.

Para qué lo vas a usar:

  • Ver y crear tablas sin abrir el panel de Supabase.
  • Escribir migraciones (los cambios de la base de datos, paso a paso).
  • Revisar la seguridad, sobre todo el RLS: las reglas que deciden quién puede leer cada fila. Sin RLS, cualquiera con tu clave pública lee tus tablas.

2. Vercel (oficial)

También está en el marketplace oficial y es de la propia Vercel (vercel-plugin). Le dices «despliega» y tu app sale a internet, y además consulta el estado de las compilaciones, los logs y los dominios.

Útil cuando algo falla en producción: en vez de copiar y pegar errores del panel, le pides a Claude que mire los logs él mismo.

3. oh-my-claudecode

Un proyecto abierto con más de 40.000 estrellas en GitHub y licencia MIT (Yeachan-Heo/oh-my-claudecode). Su idea es «primero el equipo»: escribes /team y en lugar de un Claude tienes varios agentes que se reparten el trabajo (planificar, programar, revisar) a la vez.

Ejemplo de su README: /team 3:executor "arregla todos los errores de TypeScript" lanza 3 agentes a por ello.

4. Chrome DevTools MCP (de Google)

Es del equipo de Chrome de Google, con más de 54.000 estrellas (ChromeDevTools/chrome-devtools-mcp). Le da a Claude un Chrome de verdad que puede controlar:

  • Lee los errores de la consola de tu web.
  • Mira la red: qué peticiones fallan y por qué.
  • Hace capturas para comprobar cómo se ve.

Así deja de programar a ciegas: cambia algo, lo abre en el navegador y comprueba que funciona.

Los comandos para instalarlos

Abre Claude Code y escribe cada línea como si fuera un mensaje.

Supabase y Vercel (marketplace oficial, ya viene añadido):

/plugin install supabase@claude-plugins-official
/plugin install vercel@claude-plugins-official

oh-my-claudecode:

/plugin marketplace add https://github.com/Yeachan-Heo/oh-my-claudecode
/plugin install oh-my-claudecode

Chrome DevTools MCP:

/plugin marketplace add ChromeDevTools/chrome-devtools-mcp
/plugin install chrome-devtools-mcp@chrome-devtools-plugins

Consejo

¿No recuerdas los nombres? Escribe solo /plugin, entra en Discover y búscalos. Después de instalar, reinicia la sesión de Claude Code para que los cargue.

Atención

Supabase y Vercel te pedirán iniciar sesión en tu cuenta la primera vez. Hazlo tú en la ventana que se abra y no pegues claves ni contraseñas en el chat.

Pídele a Claude que te los instale

Prompt para instalar los 4 plugins
Quiero instalar estos 4 plugins en Claude Code: supabase y vercel (del marketplace claude-plugins-official), oh-my-claudecode (https://github.com/Yeachan-Heo/oh-my-claudecode) y chrome-devtools-mcp (https://github.com/ChromeDevTools/chrome-devtools-mcp).

1. Dime qué comandos /plugin tengo que escribir yo, uno por línea y en orden.
2. Explícame en una frase qué permiso o inicio de sesión me pedirá cada uno.
3. Cuando los tenga, comprueba que funcionan: lista mis proyectos de Supabase, mi último despliegue de Vercel y abre mi web en Chrome para leer los errores de la consola.

No cambies nada de mi base de datos ni despliegues nada sin preguntarme antes.

¿Cuál instalo primero?

  • ¿Tu app usa Supabase? Empieza por ese y pídele que revise el RLS de tus tablas.
  • ¿Ya está publicada en Vercel? Instala Vercel para que lea los logs cuando algo falle.
  • ¿Haces webs? Chrome DevTools MCP es el que más tiempo te ahorra.
  • ¿Proyectos grandes? oh-my-claudecode y su /team.

FAQ

Sí, los cuatro son gratis y de código abierto. Lo que sí necesitas es Claude Code funcionando (plan de pago de Claude o cuenta de la Claude Console) y, para Supabase y Vercel, tu cuenta en cada servicio.

Dentro de una sesión de Claude Code, en la terminal, igual que cualquier otro mensaje. También puedes escribir /plugin a secas y buscarlos en Discover.

Instala solo lo que conozcas. El propio marketplace oficial avisa de que Anthropic no controla lo que hay dentro de cada plugin. Estos cuatro son de Supabase, Vercel, un proyecto abierto muy usado y Google, pero revisa los permisos que te pida cada uno.

Añade skills, agentes y comandos como /team. Puedes seguir usando Claude Code igual que siempre; solo cambia cuando llamas a sus comandos.

Sigue profundizando en el mismo tema.

Compartir
Newsletter

Recibe las próximas guías en tu correo

Ideas y recursos de IA y marketing, sin relleno. Lo que funciona y cómo aplicarlo.

Ideas y recursos sin spam. Cancela cuando quieras.

¿Te sirve esta guía?

Suscríbete