Construye un proyecto real con Claude Code

Aprende a usar Claude Code para construir un proyecto real paso a paso usando IA.

Hoja de ruta y recursos

Configurar Claude Code

Obtener acceso a Claude Code

Requiere suscripción a Claude Pro

Obtener acceso a Claude Pro

Inicia tu suscripción a Claude

https://claude.ai/

Descargar Visual Studio Code

Descarga VS Code (gratis)

Editor oficial para Claude Code

https://code.visualstudio.com/

Instala la extensión de Claude Code

Crear una nueva carpeta de proyecto

Conectar tu cuenta de Claude

Elige los ajustes correctos

Elige el modelo correcto

Empieza con el modelo por defecto y cambia a Opus para mejores resultados.

Usa Ask Before Edits

Te mantiene en control antes de que se apliquen los cambios.

Prueba Edit Automatically

Flujo de trabajo más rápido una vez que te sientas cómodo.

Usa Plan Mode cuando lo necesites

Útil para planificar antes de construir.

Mantén el esfuerzo equilibrado

Un esfuerzo medio funciona mejor para la mayoría de las tareas.

Construir el proyecto

Empieza con tu idea

Manténlo simple, solo describe lo que quieres.

Generar el prompt

Deja que Claude te cree un prompt estructurado.

Construir y ejecutar el proyecto

Pega el prompt y ejecuta la primera versión.

Corregir errores

Corrige problemas como API keys faltantes.

Mejorar el diseño

Mejora la UI usando un prompt.

Mejorar diseño y UI

Haz que este sitio web se vea muy premium y moderno…

Make this website look very premium and modern. Improve UI, spacing, typography, and colors with beautiful gradients. Add dark mode, smooth animations, and upgrade all components. Also add sign up and sign in pages. Keep everything working.

Pónlo en línea

Despliega tu proyecto (ponlo en línea)

Guía paso a paso para desplegar tu proyecto y ponerlo en línea en tu dominio.

Ver la guía completa de despliegue

Guía completa de despliegue

Step-by-step

https://youtu.be/s_2taeO8KRI?si=3aAO45uIe8S8BLJ9