Construir un proyecto a partir de una descripción
De idea a app funcional con un prompt
⏱ Estim. ~8 min
01 · Leer
Vamos a construir algo real. Hasta ahora has creado un solo archivo y has hecho ediciones pequeñas. Pero Claude Code puede manejar mucho más: puedes darle la descripción completa de un proyecto y verlo construirlo entero.
La clave para obtener buenos resultados es ser lo suficientemente específico. Cuantos más detalles aportes sobre funcionalidades, comportamiento y diseño, más cerca llegará Claude de lo que quieres a la primera.
Vamos a construir un gestor de marcadores: una app web simple que permita guardar, ver y eliminar marcadores. Sin servidor: todo corre en el navegador con localStorage.
02 · Plantilla de prompt
Dale a Claude una descripción detallada del proyecto. Fíjate qué tan específico es este prompt: lista cada función, describe el comportamiento y especifica el enfoque técnico.
Hazme una app web simple para gestionar marcadores:
- Una página HTML con un formulario para agregar marcadores (URL y título)
- JavaScript que guarde los marcadores en localStorage
- Una lista que muestre todos los marcadores guardados
- Un botón de eliminar para cada marcador
- Estilos CSS limpios y modernos
- Todo en una single-page app (sin servidor)
03 · Práctica real
Abre en el navegador el archivo HTML que Claude creó y pruébalo. Agrega algunos marcadores, recarga la página para confirmar que se quedaron y prueba el botón de eliminar.
open index.html
04 · Lista de verificación
Prueba el gestor de marcadores a fondo. Marca cada función a medida que verifiques que funciona.
- Puedo agregar marcadores con URL y título
- Los marcadores aparecen listados
- El botón de eliminar borra el marcador
- Los marcadores persisten al recargar
05 · Quiz
¿Qué hace que un prompt sea más efectivo para Claude Code?
- Menos palabras es mejor
- Escribirlo en código en vez de lenguaje natural
- Pedir todo de una sola vez
- Ser específico sobre las funciones, el stack tecnológico y la estructura
06 · Completar
Cuando le pidas a Claude Code que construya un proyecto, dar descripciones _____ con funciones concretas produce resultados mucho mejores que pedidos vagos.
07 · Leer
Acabas de construir una app web completa y funcional a partir de descripciones en lenguaje natural. Piensa cuánto te habría tomado hacerlo a mano: armar la estructura HTML, escribir el JavaScript de localStorage, manejar el envío del formulario, implementar la lógica de eliminación y darle formato a todo con CSS.
Con Claude Code, la primera versión toma segundos. Si algo no está bien, iteras: le pides a Claude que arregle, agregue funciones o cambie el diseño.
Esta es la potencia del desarrollo asistido por IA. Tú aportas las ideas y el criterio; Claude aporta la velocidad.
Puntos clave
- Los prompts detallados producen mejores resultados: enumera cada función que quieras
- Siempre prueba la salida tú mismo antes de continuar
- Si algo no está bien, describe el problema y pídele a Claude que lo arregle
- Claude construye en segundos lo que a mano tomaría mucho más
08 · Quiz
Quieres pedirle a Claude Code que construya una app de lista de tareas. ¿Qué prompt da los mejores resultados a la primera?
- Hazme una app web de lista de tareas con un campo de entrada para agregar tareas, una lista que muestre todas las tareas, casillas para marcar las completadas, un botón de eliminar por tarea y localStorage para que persistan al recargar
- Hazme una app de tareas
- Haz algo útil con JavaScript
- Construye una app de tareas con todas las funciones
09 · Completar
Después de que Claude construya un proyecto, siempre debes _____ la salida tú mismo antes de continuar.
Otras lecciones de este capítulo
⚠ La experiencia interactiva completa necesita JavaScript. Actívalo y vuelve a cargar la página.
※ Este es un proyecto educativo independiente — no es un producto oficial de Anthropic. Claude™ es una marca registrada de Anthropic, PBC.