Guía interactiva · Nivel inicial a intermedio

De una idea a un prompt bien armado.

No necesitas saber de memoria qué es un backend, RBAC o una API. Elige un proyecto, responde preguntas y obtén instrucciones claras para trabajar con Claude Code en VS Code.

1. Elegir2. Responder3. Copiar a Claude4. Construir y verificar100% usable sin conexión

Empezar con un ejemplo

Toca uno de estos proyectos. El formulario se completará con un caso realista y podrás modificarlo.

Constructor interactivo de prompts

Las respuestas aparecen automáticamente en el prompt de la derecha. Completa solo lo que sepas; puedes dejar detalles para que Claude proponga opciones.

Preguntas para tu proyecto

1 ¿Qué vas a construir?
2 Usuarios y acceso

Esto es "multi-tenant": fundamental para muchos SaaS.

3 Datos, dispositivos e integraciones
4 Funciones que quieres incluir
5 Terminaciones y modo de trabajo

Prompt listo para Claude Code

0 caracteres

Se actualiza mientras respondes.

En VS Code: abre la carpeta del proyecto, abre Claude Code y pega este texto. Si el proyecto ya existe, Claude debe inspeccionarlo antes de modificarlo. Revisa y aprueba los cambios importantes.


Diccionario de palabras que vas a escuchar
Explicaciones sin vueltas: qué significa cada término, para qué sirve y cuándo tiene sentido incluirlo en un prompt.


¿Qué partes tiene una aplicación?
Ejemplo: una plataforma donde distintos negocios administran sus reservas. Las capas se comunican entre sí: no todo se resuelve con «una página web».
1 · FrontendLo que ve y toca el cliente: formularios, calendario, botones y panel. Ej.: React o HTML/CSS/JS.
2 · Backend / APIRecibe solicitudes, aplica reglas y coordina operaciones: evitar reservas duplicadas, enviar avisos, calcular importes.
3 · Autenticación + RBACVerifica quién inicia sesión y qué puede hacer: un cliente ve sus turnos; un empleado, los de su negocio.
4 · Base de datosGuarda negocios, usuarios, servicios, reservas y relaciones. Ej.: PostgreSQL o MySQL.
5 · Multi-tenantSi es SaaS para varios negocios, cada negocio debe tener datos y permisos separados, incluso en consultas y archivos.
6 · InfraestructuraDominio, hosting, servidor, HTTPS, secretos, migraciones, backups, monitoreo y forma de actualizar sin perder datos.
7 · Pruebas y seguridadDemostrar que funciona, incluso ante entradas erróneas, permisos indebidos, caídas y recuperación de información.
No todos los proyectos necesitan todas las capas. Una calculadora simple puede vivir solo en HTML/JS. Un SaaS con datos de clientes sí necesita más infraestructura y controles.


Método para trabajar con Claude sin perder el control
Usa estos tres momentos para enseñar a los alumnos a dirigir el proyecto, no solo pedir código.
01 · Entender
Explica quién lo usará, qué problema resuelve y qué datos maneja. Pide que Claude identifique decisiones pendientes, riesgos y alcance.
02 · Construir
Abre una carpeta de proyecto. Solicita archivos organizados, instrucciones de ejecución y trabajo en fases, sin inventar integraciones ni credenciales.
03 · Verificar
Pide pruebas reales, rutas críticas, errores esperados y pasos de instalación. Comprueba el resultado antes de declararlo terminado.
🎓 Ejercicio de clase: crear una calculadora de presupuestos
Selecciona el ejemplo «Herramienta web». Luego cambia la descripción para que permita agregar servicios, cantidades y precios; calcular subtotal, impuesto y total; y descargar un presupuesto imprimible. Copia el prompt, pégalo en Claude Code y ejecuta el resultado localmente. Pide una prueba con 3 productos y comprueba los cálculos tú mismo.
🔍 Preguntas de revisión para un proyecto ya generado
¿Dónde se guardan los datos? ¿Quién puede verlos? ¿Qué pasa si falla una solicitud? ¿Qué pruebas ejecutaste? ¿Cómo restauro un respaldo? ¿Qué archivos modificaste? ¿Cómo se instala, actualiza y publica sin perder información? ¿Qué quedó pendiente o no fue probado?