Día 2: Diseño del Producto

Con la idea validada del Día 1, hoy defines exactamente qué vas a construir y, más importante, qué NO vas a construir. Un MVP mal delimitado es un proyecto que nunca termina. Usarás IA para elegir el stack técnico adecuado, crear un wireframe funcional y escribir las primeras user stories que guiarán el desarrollo de los días siguientes.

Objetivo del día

Tener el alcance del MVP documentado (lista de features incluidas y excluidas), el stack tecnológico decidido, un wireframe de las 2-3 pantallas principales y al menos 5 user stories escritas en formato estándar.

Define el alcance del MVP: qué NO construir

El error más común en semana-uno es el scope creep: añadir features "porque quedan bien". Antes de diseñar nada, usa Claude para forzarte a recortar:

Estoy construyendo [tu idea]. El problema que resuelve es [problema].
Lista las 10 features que un usuario necesita en el día 1 para obtener valor.
Luego divide esa lista en: "MVP mínimo (3-4 features)" vs "versión 2.0".
Sé brutal: si una feature no es indispensable para la primera venta, va a v2.

Escribe en un documento dos columnas: Incluido en MVP y Fuera del MVP. Comprométete con esa lista. Cada vez que quieras añadir algo, pregúntate: ¿bloquea la primera venta si no está?

Elige tu stack tecnológico con IA

No inventes la rueda. Para un SaaS en 7 días, este stack es el estándar probado:

Frontend/Backend: Next.js 14 (App Router)
Base de datos + Auth: Supabase
Pagos: Stripe
Deploy: Vercel
UI components: shadcn/ui o Tailwind CSS

Si tienes dudas o un caso especial, consulta a Claude:

Voy a construir [descripción técnica de tu SaaS].
Necesito: autenticación de usuarios, base de datos relacional, pagos recurrentes,
y poder lanzar en 4 días más.
¿Este stack tiene sentido: Next.js + Supabase + Stripe + Vercel?
¿Hay algo que cambiarías para mi caso específico?

Acepta la recomendación y sigue adelante. No pases más de 30 minutos decidiendo el stack.

Crea el wireframe con v0.dev

Ve a v0.dev y describe la interfaz que necesitas. Ejemplos de prompts efectivos:

Dashboard para una herramienta SaaS de [tu función].
Incluye: sidebar de navegación, área principal con tabla de datos,
botón de acción principal en top-right, y un empty state cuando no hay datos.
Usa un diseño limpio y minimalista, estilo Linear o Vercel.

Genera al menos las pantallas de: dashboard principal, formulario de creación y página de settings. No necesitas que sea perfecto — necesitas que sea suficientemente claro para guiar el desarrollo.

Si prefieres Figma, instala el plugin Figma AI y usa prompts similares para generar frames de partida que luego ajustas.

Escribe user stories con Claude

Las user stories convierten el diseño en trabajo concreto. Usa este formato y pide ayuda a Claude:

Para mi SaaS de [descripción], escríbeme 8 user stories en este formato:
"Como [tipo de usuario], quiero [acción], para [beneficio concreto]."
Incluye el criterio de aceptación para cada una (2-3 bullets de qué debe ser verdad
para considerar esa story completa).
Ordénalas de mayor a menor prioridad para el MVP.

Las primeras 3-4 stories son tu sprint de esta semana. Las demás van al backlog.

Documenta tu arquitectura en 15 minutos

Crea un archivo ARCHITECTURE.md en la raíz de tu proyecto (aún no tienes código, pero esto te ayuda a pensar):

Pídele a Claude: "Dado este stack [Next.js + Supabase + Stripe] y estas features MVP
[lista tu columna de incluidos], dibuja en texto la arquitectura básica:
tablas de base de datos necesarias, rutas de la API, y flujo de autenticación."

No necesitas un diagrama perfecto. Necesitas saber qué tablas crear en Supabase mañana.

Herramientas IA del día

Claude — definición de scope, elección de stack, user stories, arquitectura básica
v0.dev — generación de wireframes y componentes UI con prompts en texto
Figma + plugin AI (alternativa) — diseño visual iterativo asistido por IA

Checklist del día

Tengo lista de features MVP (máximo 4) y lista de features excluidas
Stack tecnológico decidido y documentado (Next.js + Supabase + Stripe + Vercel)
Wireframe generado para las 3 pantallas principales del MVP
Al menos 5 user stories escritas con criterios de aceptación
Primeras 3 stories priorizadas como sprint de esta semana
Arquitectura básica documentada: tablas de DB y rutas API principales
Repositorio de GitHub creado con README inicial