Taller 2 · Tu primer prototipo¶

Hoja del participante · 47 minutos · con portátil

Objetivo¶

Construir tu primera aplicación funcional sin escribir código, describiéndola en tu idioma, y salir con el entregable: un enlace compartible de tu prototipo. Trabajaremos en el chat de Claude (Artifacts) o, si lo prefieres, en Gemini o ChatGPT (Canvas): mismas cuentas de la Sesión 1, nada nuevo que instalar.

Recuerda la curva normal: la V1 sorprende, la V2 frustra un poco, la V3 empieza a parecerse a lo que querías. No es que lo hagas mal: así funciona.

Antes de empezar: ¿qué vas a construir?¶

Elige una idea pequeña y tuya (la mejor: una herramienta para el proceso que mapeaste en el Taller 1). Si no la tienes, elige una de estas:

Un panel para seguir los asuntos abiertos de tu equipo (estado, responsable, fecha)
Un formulario de solicitud interna (vacaciones, material, aprobaciones) con lista de pendientes
Una calculadora para una decisión que repites (presupuesto, precio, dimensionado)

Paso 1 · Entra en tu herramienta (min 0–8)¶

Entra en Claude (claude.ai, recomendada — la misma cuenta de la Sesión 1) o, si lo prefieres, en Gemini o ChatGPT (sus Canvas hacen lo mismo).
Abre una conversación nueva dedicada a tu prototipo.
¿Ya estás dentro? Salta al Paso 2 y ayuda a tu vecino.

Paso 2 · Prompt fundador y primera versión (min 8–20)¶

Rellena la fórmula Problema + Audiencia + 5 funciones núcleo + Criterio de éxito:

Problema (qué duele y por qué): ___________

Audiencia (quién lo usará exactamente): ___________

5 funciones núcleo (cinco, no quince): 1. ____ 2. ____ 3. ____ 4. ____ 5. _______

Criterio de éxito («esto funciona si…»): ___________

Pega el texto completo en el chat de la herramienta y lanza la generación.
Mientras genera (2–4 min), piensa ya tus dos iteraciones del Paso 3.

Paso 3 · Itera al menos dos veces (min 20–42)¶

Dialoga con el chat de la herramienta. Mínimo dos iteraciones:

Iteración estética (da confianza): colores, disposición, textos. Ejemplo: «Cambia los colores a azul marino y blanco, y haz los botones más grandes». Mi petición: ___________
Iteración de estructura o lógica (enseña de verdad): un campo, un filtro, una regla nueva. Ejemplo: «Añade un filtro por responsable y ordena los asuntos por fecha límite». Mi petición: ___________

Si aparece un error: no lo arregles tú. Pega el mensaje de error en el chat, o describe lo que ves («al pulsar guardar no pasa nada»), y deja que la IA lo corrija. Si se enreda en un bucle, simplifica: «quita esa última función y vuelve a la versión que funcionaba».

¿Vas sobrado? Tercera iteración funcional, o abre tu app en el móvil.

Paso 4 · Publica y captura tu enlace (min 42–47)¶

Pulsa el botón de publicar/compartir de la herramienta (en Claude: el botón del artifact; ⚠ el nombre exacto cambia según el ecosistema).
Abre el enlace en una pestaña nueva (o en el móvil) y comprueba que carga.
Anótalo:

Enlace de mi prototipo: ___________

Lo primero que le pediré en la próxima iteración: ___________

Entregable¶

Tu enlace funcional. Si no llegaste a publicar, anota hasta dónde llegaste y remátalo en tu reto de los 30 días — el aprendizaje ya está hecho.