Antes de crear la página de inicio, crea una carpeta de proyecto separada y añade un archivo CLAUDE.md. Este archivo proporciona a Claude Code un contexto persistente sobre el proyecto, sus objetivos, estructura y convenciones de desarrollo.

Claude lee CLAUDE.md al iniciar una nueva sesión. Esto elimina la necesidad de repetir las mismas instrucciones en cada conversación y ayuda a que Claude tome decisiones coherentes con el proyecto.

Creación de un archivo CLAUDE.md efectivo

Un archivo CLAUDE.md no requiere una estructura fija. Debe ser breve, claro y fácil de actualizar. Los encabezados y listas en markdown funcionan bien para documentar:

• El objetivo del proyecto
• El público objetivo
• La pila tecnológica
• La estructura del repositorio
• Comandos de construcción y pruebas
• Convenciones de codificación importantes

Claude también puede buscar en su documentación recomendaciones actuales antes de crear el archivo.

Elección del lugar de almacenamiento

Un archivo CLAUDE.md puede proporcionar diferentes niveles de contexto según su ubicación:

• Directorio principal: instrucciones compartidas entre proyectos
• Raíz del proyecto: contexto para todo el repositorio
• Subdirectorio: instrucciones para una parte específica del proyecto

Por ejemplo, el archivo en la raíz puede describir el sistema de alcance completo, mientras que un archivo dentro de la carpeta de la página de inicio puede contener instrucciones específicas para el sitio web.

Preparación de la página de inicio

Claude puede hacer preguntas aclaratorias antes de crear los archivos del proyecto. En este ejemplo, la página de inicio utiliza Next.js y Tailwind CSS.

Una vez que la carpeta y el archivo de contexto estén listos, Claude puede estructurar la aplicación y crear un diseño inicial a partir de una imagen de referencia cargada. Puede identificar elementos como:

• Colores y tipografía
• Tarjetas de servicios
• Estudios de caso
• Testimonios
• Formularios de contacto
• Pies de página

La primera versión normalmente requerirá ajustes. Se puede proporcionar contexto empresarial adicional y retroalimentación a través de un proceso iterativo hasta que el contenido y el diseño coincidan con el resultado deseado.