Sesión Claude Code: de un prompt a una landing completa
Recorre turno a turno la sesión que generó la landing de "Stackr" con Claude Code: 23 turnos, 14 archivos, una vista previa que se va montando sección a sección según el turno que selecciones.
El artefacto se ejecuta en un iframe con sandbox (solo scripts). Si algo no se ve bien, ábrelo a pantalla completa.
— PROMPT QUE LO GENERÓ
Reconstruye como línea de tiempo interactiva la sesión de Claude Code del caso 'landing page builder': lista de turnos clave a la izquierda (scaffold, hero, features, pricing, instalación de Framer Motion, animaciones, revisión responsive) y a la derecha una vista previa tipo navegador que se va completando según el turno seleccionado.
— CÓMO SE HIZO
Los turnos y hallazgos (14 archivos, 23 turnos, ~4 minutos de generación activa, mejoras de accesibilidad espontáneas) son los descritos en el caso. La vista previa es una reconstrucción ilustrativa de las secciones reales que produjo la sesión, no una grabación literal.
Caso — Una landing page completa con Claude Code— LIMITACIONES (SIN HUMO)
- ▸No es una grabación real turno a turno: es una reconstrucción basada en las notas de la sesión
- ▸El contenido y código de "Stackr" son ficticios
- ▸No refleja tiempos reales de generación por turno