Crear archivos con Claude
Tú describes, Claude construye
⏱ Estim. ~7 min
01 · Leer
Hasta ahora has usado Claude Code para entender código. Ahora vamos a usarlo para construir cosas desde cero.
Aquí es donde se pone divertido. En lugar de escribir cada línea de HTML, CSS y JavaScript tú mismo, describes lo que quieres en lenguaje natural. Claude escribe el código, crea los archivos y tú revisas el resultado.
Tu rol pasa de tipear a dirigir. Tú decides qué construir, lo describes con claridad y guías a Claude para que lo haga bien. La calidad de lo que Claude produce depende directamente de qué tan claro lo describas.
💡 Imagínalo asíEs como trabajar con un arquitecto talentoso pero muy literal. Si le dices "constrúyeme una casa", obtendrás una casa, pero quizá no la que imaginabas. Si le dices "constrúyeme una casa de dos pisos, con porche envolvente, fachada azul y grandes ventanas en la cocina", obtendrás algo cercano a lo que imaginas.
02 · Plantilla de prompt
Vamos a hacer una página web. Pídele a Claude una página HTML con barra de navegación. Sé explícito sobre qué tiene que llevar la nav.
Hazme una página HTML con una barra de navegación que tenga tres enlaces: Home, About y Contact, con un estilo limpio y moderno.
03 · Práctica real
Abre el archivo que Claude creó en el navegador para ver el resultado. Puedes hacerlo desde la terminal.
open index.html
04 · Plantilla de prompt
Ahora pídele a Claude que agregue algo a lo que ya construyó. Esto muestra la capacidad de Claude para entender el contexto: sabe qué archivos existen y los modifica de forma inteligente.
Agrega un tema en modo oscuro a esta página. Crea un archivo CSS aparte y enlázalo desde el HTML.
05 · Leer
Mira lo que acaba de pasar. Describiste lo que querías en lenguaje natural, dos veces. Claude escribió el código las dos veces. Tu trabajo fue revisarlo, probarlo en el navegador e iterar.
Este es el flujo moderno de desarrollo con IA:
1. Describe lo que quieres 2. Revisa lo que Claude construyó 3. Prueba (ábrelo en el navegador, ejecútalo, etc.) 4. Itera pidiendo cambios
No eres solo pasajero: eres quien toma las decisiones. Claude es rápido, pero tú tienes que saber si el resultado es correcto y suficientemente bueno.
Puntos clave
- Claude crea archivos reales en el directorio de tu proyecto
- Siempre revisa y prueba lo que produce Claude
- Claude recuerda el contexto: sabe qué archivos ya existen
- Itera pidiendo cambios, no empezando de cero
06 · Completar
Después de que Claude cree archivos, siempre deberías _____ los antes de hacer commit.
07 · Quiz
¿Cuál es el flujo recomendado para crear archivos con Claude Code?
- Copiar de internet → pegar → ejecutar
- Describir → revisar → probar → iterar
- Escribir el código tú mismo → pedirle a Claude que arregle errores
- Dejar que Claude construya todo sin revisar
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.