Masterplan

• Un plan que se puede verificar

  Cada paso trae qué hacer, cuándo está terminado y el comando que lo prueba. Nada de "ya funciona" sin evidencia.

• Backend con las bases bien puestas

  Base de datos con migraciones, reglas de acceso por cliente (RLS) probadas con tests, APIs con contrato y límites de uso.

• Seguridad desde el plano

  Mapa de amenazas, quién puede hacer qué y políticas que bloquean código inseguro mientras se escribe.

• Frontend que no se ve hecho con IA

  Un design system propio para tu marca, todas las pantallas con sus estados y revisión de accesibilidad y velocidad.

• La herramienta correcta para cada pieza

  Un catálogo de 152 servicios verificados: Railway o Cloudflare si tu app lo pide, Bunny Stream o Mux para video, Pancake, Botcake o LucidBot para vender por chat, fal, Higgsfield o Magnific para generar imágenes y video con IA, Mercado Pago o Wompi para cobrar con PSE. Te dice por qué, la alternativa y si el plan gratis permite cobrar a tus clientes.

• Publicado y mantenido

  Auditoría con dos notas (seguridad y experiencia), vista previa, producción con tu OK y un plano que se actualiza con cada cambio.

Lo demás lo prepara el prompt por ti

• Node.js y git

  Revisa si los tienes y, si falta alguno, te pide permiso y lo instala.

• El plugin y sus conexiones

  Instala Masterplan y deja listas las conexiones de Supabase, Vercel, Context7 y Playwright. Las que piden cuenta te dicen cuándo iniciar sesión.

• Las cuentas de cada servicio

  Cuando tu proyecto necesita base de datos, hosting, video, correo o pagos, te dice cuál crear, por qué y si su plan gratis te deja cobrar a tus clientes.

• Cuánto toma

  Instalarlo, unos minutos. Tu proyecto, lo que defina su plan: te lo dice antes de empezar.

• Costo

  El plugin es gratis (licencia MIT). Te estima el costo de los servicios antes de construir.

• No publica a producción, no cobra de verdad y no borra datos sin tu confirmación.
• No te pide claves por el chat: los secretos los escribes tú en tu archivo .env.
• No escribe la llave service_role de Supabase en el navegador ni secretos con prefijo VITE_: las políticas lo bloquean.
• No inventa versiones de librerías: las verifica en las fuentes oficiales y anota de dónde salieron.
• No construye mientras quede una pregunta abierta o una decisión sin tomar.
• No dice "listo" sin correr la prueba y guardar la evidencia.

• Un negocio de servicios

  “Quiero construir un sistema de citas para mi barbería y otras barberías del barrio. Hoy los clientes escriben por WhatsApp y se nos cruzan las horas. Quiero que cada barbería tenga su link para reservar, que les llegue un recordatorio y cobrar una mensualidad a cada barbería.”

• Contenido y cursos

  “Quiero construir una plataforma para vender mis cursos de maquillaje. Hoy los mando por Drive y los comparten. Quiero que solo vea los videos quien pagó, que se pueda pagar con PSE y que cada alumna vea su avance.”

• Ventas por chat

  “Quiero construir el sistema de ventas de mi tienda de ropa. Vendemos por WhatsApp e Instagram y se nos pierden pedidos. Quiero un bot que responda precios y tallas, que mi equipo vea todos los chats en un lugar y que los pedidos queden registrados.”

Si te pregunta algo que no sabes, dile “no sé, recomiéndame tú”: te propone la opción más segura y te explica por qué.

• 

  Un SaaS por suscripción

  Sistema de citas para barberías: cada barbería paga su plan y sus clientes reservan desde un link.

  • Cuentas por negocio con equipo y roles
  • Cobro mensual con PSE o tarjeta
  • Datos de cada cliente aislados y probados

  • App · React o Next.js
  • Datos y login · Supabase
  • Hosting · Vercel o Cloudflare
  • Cobros · Mercado Pago o Wompi
  • Correo · Resend
• 

  Una plataforma de cursos

  Academia online con videos protegidos, alumnos con acceso por pago y certificados.

  • Video que se adapta a la conexión de cada alumno
  • Acceso solo para quien pagó
  • Avance por lección y correos automáticos

  • Datos y login · Supabase
  • Video · Bunny Stream o Mux
  • Cobros · Mercado Pago
  • Correo · Resend
• 

  Una tienda que vende por chat

  Tu marca atiende y vende por WhatsApp, Instagram y Messenger con un bot y tu equipo en una sola bandeja.

  • Bot que responde y toma pedidos
  • Todos los chats en un solo lugar
  • Pedidos e inventario conectados

  • Chats y bot · Pancake + Botcake
  • Alternativa con IA · LucidBot
  • WhatsApp oficial · Incluido o Zernio
  • Cobros · Mercado Pago
• 

  Una app que crea con IA

  Generador de fotos y videos de producto: el cliente sube su producto y recibe piezas para anuncios.

  • Muchos modelos de imagen y video con una cuenta
  • Créditos por usuario y tope de gasto
  • Resultados guardados en tu almacenamiento

  • Modelos de IA · fal o Magnific
  • Cola de trabajos · Inngest
  • Archivos · Cloudflare R2
  • Datos y login · Supabase
• 

  Una API o automatización

  Un sistema que procesa reportes de 20 minutos, sincroniza tu CRM y avisa por WhatsApp.

  • Procesos largos sin cortes
  • Reintentos si un tercero falla
  • Avisos automáticos por WhatsApp

  • Servidor · Railway o Coolify
  • Colas y cron · Inngest o BullMQ
  • Base de datos · Postgres
  • Mensajes · WhatsApp Cloud API
• 

  Una app móvil

  App de entrenamiento con rutinas, notificaciones y suscripción, en iPhone y Android.

  • Publicación en App Store y Google Play
  • Notificaciones push
  • Actualizaciones sin pasar por la tienda

  • App · Expo (React Native)
  • Builds · Expo EAS
  • Datos y login · Supabase
  • Push · Expo Push u OneSignal
• 

  Un sitio rápido y global

  Catálogo o blog que carga al instante en cualquier país y casi no cuesta mantener.

  • Carga desde el servidor más cercano
  • Archivos sin costo de descarga
  • Listo para Google y para buscadores de IA

  • Sitio · Cloudflare Pages
  • Lógica · Cloudflare Workers
  • Archivos · Cloudflare R2

1. 0

   Fase 0: Contexto

   Lee tu carpeta, tu repo o tus documentos antes de preguntarte nada.

2. 1

   Fase 1: Descubrir

   Qué construyes, para quién y en qué etapa. Una pregunta a la vez, con su recomendación.

3. 2

   Fase 2: Recortar

   Tres versiones de tu idea y lo que la primera versión NO va a hacer.

4. 3

   Fase 3: Diseñar

   Arquitectura, datos, API, seguridad, design system y experiencia de cada pantalla.

5. 4

   Fase 4: Puertas

   Cero preguntas abiertas, un pre-mortem y un revisor independiente. Sin tu "sí" no se construye.

6. 5

   Fase 5: Planear

   Tareas pequeñas en olas, cada una con su prueba y su punto de retorno.

7. 6

   Fase 6: Construir

   Un agente por tarea, un revisor de código y políticas de seguridad activas.

8. 7

   Fase 7: Publicar

   Auditoría, vista previa, prueba del flujo principal y producción con tu confirmación.

9. 8

   Fase 8: Operar

   Cada cambio actualiza el plano y un detector avisa si el código se aleja de él.

• Una fase, una sesión

  Al cerrar cada fase deja un relevo y te pide seguir en una conversación nueva diciendo "Sigamos con mi proyecto".

• Mensajes entre sesiones

  Una sesión le avisa a otra en vivo. Si la otra no está abierta, el mensaje la espera en un buzón.

• Panel y banda

  Ves la fase, las tareas hechas, las sesiones abiertas y los mensajes sin leer, sin preguntar.

• Trabajo en paralelo

  Las tareas que no se pisan corren en varias sesiones o agentes a la vez.

Ojo:Los mensajes en vivo, el panel y la banda usan los mods de Claude Code, que todavía están en acceso anticipado. El prompt de instalación los activa. Sin ellos todo funciona igual con archivos.

• Explorador

  Mapea un repo que ya existe

• Investigador

  Verifica versiones en las fuentes oficiales

• Arquitecto de datos

  Tablas, migraciones, reglas de acceso y sus tests

• Diseñador

  Design system y experiencia de cada pantalla

• Revisor del plano

  Busca huecos antes de construir

• Constructor

  Hace una tarea con su prueba

• Revisor de código

  Revisa cada tarea contra lo pedido

• Auditor de seguridad

  Secretos, permisos, RLS, inyección

• Auditor de frontend

  Accesibilidad, velocidad y estados

• Desplegador

  Vista previa, prueba y producción

• Saber dónde vas

  “¿Cómo vamos con el proyecto?”

• Retomar otro día o en otra conversación

  “Sigamos con mi proyecto.”

• Que te explique más fácil

  “Explícamelo como si no supiera nada de programación.”

• Que te hable más técnico

  “Háblame más técnico, yo sé programar.”

• No entiendes por qué eligió algo

  “¿Por qué me recomiendas esa herramienta y no otra?”

• Cambiar algo del plan

  “Quiero cambiar esto: [lo que quieres distinto].”

• Agregar algo cuando ya está publicado

  “Quiero agregarle a mi app [la función nueva].”

• Revisar si está seguro

  “Revisa la seguridad de mi app antes de publicarla.”

1. Abre Claude Code y empieza una conversación nueva.
2. Copia el prompt de abajo y cambia lo que está entre corchetes: cuenta con tus palabras qué quieres construir. No tienes que saber nada técnico.
3. Pégalo y responde lo que te pregunte. Claude prepara tu computador, instala Masterplan y arranca tu proyecto con esa idea.

Quiero construir: [cuéntalo con tus palabras: qué es, para quién es y qué problema les resuelve. Si tienes ejemplos, referencias o un nombre, agrégalos]

Para hacerlo con bases sólidas quiero usar el plugin Masterplan:
https://github.com/El-Master-IA/masterplan

Hazlo tú, paso a paso, y pídeme permiso antes de instalar algo. Háblame en español y en palabras simples.

1. Crea la carpeta de mi proyecto con un nombre corto según mi idea (dentro de Documentos si estás en mi carpeta de inicio; si la carpeta actual está vacía, usa esa) y guarda mi idea, tal como la escribí arriba, en contexto/idea.md.
2. Revisa que tenga git y Node.js 20 o superior. Si falta alguno, pídeme permiso, instálalo con el método oficial para mi sistema operativo y comprueba que quedó funcionando.
3. Instala el plugin:
   claude plugin marketplace add El-Master-IA/masterplan
   claude plugin install masterplan@el-master-ia
4. Activa las sesiones conectadas: agrega en ~/.claude/settings.json, dentro de "env", la variable CLAUDE_CODE_ENABLE_FUNCTION_HOOKS con el valor "1" (sin borrar lo que ya tenga).
5. Si el plugin ya está activo en esta sesión, empieza de una vez con mi idea. Si no, dime en una línea que reinicie Claude Code, abra la carpeta de mi proyecto y escriba: "Sigamos con mi proyecto".

Quiero construir [qué es] para [quién lo va a usar]. Hoy el problema es que [qué se rompe o qué hacen a mano]. Me gustaría que [lo más importante que debe hacer].

Sigamos con mi proyecto.

Quiero construir [qué es] para [quién lo usa y cuántas personas]. Usa Masterplan en modo rápido: hazme solo las preguntas indispensables, toma los demás valores por defecto y dime cuáles tomaste.

Construye con Masterplan en paralelo: lanza una sesión nueva por cada tarea independiente de la ola (/masterplan:ola), integra los resultados al terminar y dime qué quedó listo.

Dale permisos totales a Masterplan en este proyecto: activa el piloto automático (/masterplan:auto) y sigue tú solo, sesión tras sesión, hasta terminar. Detente y pregúntame solo si hace falta algo que yo tenga (llaves, cuentas) o algo delicado (publicar, cobrar, enviar mensajes, borrar datos).

Actualiza el plugin Masterplan a la última versión: corre `claude plugin marketplace update el-master-ia` y luego `claude plugin update masterplan@el-master-ia`. Dime qué versión quedó y qué cambió. Después dime que reinicie Claude Code.

• Seguridad

  Si alguien puede ver o cambiar datos que no son suyos, llaves secretas a la vista, tablas abiertas, webhooks sin firma y dependencias con fallas conocidas.

• Calidad de experiencia

  Si se puede usar con teclado y lector de pantalla, si carga rápido en celular, si cada pantalla tiene sus estados (cargando, vacío, error) y si Google y las IAs la pueden leer.

• Bases técnicas

  Si aguanta crecer y fallar: cómo está organizado el código, migraciones de la base, manejo de errores, pruebas, deploy, respaldos y versiones del stack.

Lo que te entrega

• El veredicto en una línea: ¿se puede usar con clientes reales hoy?
• Tres notas que nunca se promedian: Seguridad, Calidad de experiencia y Bases técnicas.
• Los 5 riesgos más graves explicados para alguien que no programa, con el archivo exacto y cómo arreglarlos.
• Lo que ya está bien hecho, para que no lo toques.
• Un plan de arreglos por orden de importancia. Tú decides si lo arregla, si sigues construyendo con Masterplan o si solo lo guardas.

Quiero auditar mi proyecto: [la carpeta en mi computador o el link de GitHub]. Lo hice con [Lovable, Bolt, v0, Cursor, a mano o no sé] y hoy [no tiene usuarios / ya tiene clientes / cobra]. Lo que más me preocupa: [por ejemplo, que se vean los datos de otros clientes].

Quiero usar el plugin Masterplan en modo auditor:
https://github.com/El-Master-IA/masterplan

Hazlo tú, paso a paso, y pídeme permiso antes de instalar algo. Háblame en español y en palabras simples.

1. Ubica el proyecto. Si te di un link de GitHub, clónalo en una carpeta nueva (dentro de Documentos si estás en mi carpeta de inicio). Guarda lo que te conté arriba en contexto/auditoria.md dentro del proyecto.
2. Revisa que tenga git y Node.js 20 o superior. Si falta alguno, pídeme permiso e instálalo con el método oficial para mi sistema operativo.
3. Instala el plugin:
   claude plugin marketplace add El-Master-IA/masterplan
   claude plugin install masterplan@el-master-ia
4. Si el plugin ya está activo en esta sesión, audita de una vez. Si no, dime en una línea que reinicie Claude Code, abra la carpeta del proyecto y escriba: "Audita mi proyecto con Masterplan".

Durante la auditoría solo mira: no cambies, instales ni publiques nada en el proyecto sin mi permiso. Al final quiero el veredicto (¿se puede usar con clientes hoy?), las notas de seguridad, experiencia y bases técnicas, los riesgos más graves explicados para alguien que no programa y un plan de arreglos por orden de importancia.

Audita mi proyecto con Masterplan.

• Claude no reconoce Masterplan

  Reinicia Claude Code y escribe "Sigamos con mi proyecto". Si sigue igual, revisa que el plugin esté activo en Plugins.

• Abrí una sesión nueva y no sé dónde quedé

  Pídele¿cómo vamos con mi proyecto?

• Una política bloqueó lo que Claude escribía

  Pídeleexplícame el bloqueo y corrígelo sin desactivar la políticaSi de verdad es intencional, se registra la excepción con su motivo.

• No veo el panel ni la banda

  Revisa que CLAUDE_CODE_ENABLE_FUNCTION_HOOKS esté en 1 y reinicia. Sin eso todo funciona igual con archivos.

• Quiero agregar algo a una app ya publicada

  Pídelequiero agregarle a mi app [la función nueva]