← Guías · Recursos

Empézá con Claude Code, en serio.

El salto que lo cambia todo: de una IA que responde en un chat a una que crea archivos, construye proyectos y los publica. Este sitio entero — con su CRM y sus juegos — está hecho así. Acá está el camino completo desde cero, sin saber programar.

◆ LA DIFERENCIA
# IA de chat:
> te da código → vos copiás, pegás, rezás

# Claude Code:
> crea los archivos, corre el proyecto, arregla errores
> y lo publica — vos solo describís el resultado

Por qué empezar hoy

Sin códigoHablás en español. Claude programa, corre y corrige.
Resultados realesWebs, apps, automatizaciones — cosas que quedan publicadas.
SeguroSolo toca la carpeta que vos le das. Nada más.
Paso 01⏱ ~5 min

Instalalo

Andá a claude.com/claude-code. Hay tres formas: la app de escritorio (Mac/Windows — la recomendada si no venís del mundo del código), la terminal, y extensiones para VS Code. Instalá la de escritorio e iniciá sesión con tu cuenta de Claude.

Paso 02⏱ ~1 min

Tu primera carpeta (y por qué es segura)

Creá una carpeta vacía — mi-primer-proyecto — y abrí Claude Code apuntando a ella. Regla de la casa: Claude solo lee y escribe dentro de esa carpeta. Tu compu, tus fotos y tus documentos quedan afuera. Una carpeta = un proyecto = un universo cerrado.

Paso 03⏱ ~10 min

Tu primer proyecto real

Nada de "hola mundo". Construí algo tuyo de una:

prompt-paso-3.txt
> Creá una página web sobre [tu negocio o tu idea]: un título grande con lo que hago, 3 beneficios, y un botón de contacto. Diseño editorial premium: tipografía con carácter, paleta de 3 colores máximo, mucho aire, nada genérico. Cuando termines, abríla para que la vea.

Resultado esperado: Claude crea los archivos y te muestra tu página funcionando. Primer proyecto construido sin escribir una línea.

Paso 04⏱ ~10 min

Iterá hablando (el arte de dirigir)

Ahora sos director, no programador. Pedí cambios como se los pedirías a un diseñador:

💡 La regla del buen director: UN cambio por pedido. Cinco pedidos chicos rinden más que uno gigante — ves cada resultado y corregís el rumbo al instante.
Paso 05⏱ ~3 min

Verificá como visitante

Antes de mostrar nada: mirá tu página como la vería un extraño. Pedíle a Claude "mostrame cómo se ve en un celular" y "revisá que todos los botones funcionen". El hábito de verificar es lo que separa juguetes de productos.

Paso 06⏱ ~10 min

Publicalo en internet

Una web en tu compu no existe para el mundo. Pedí:

prompt-paso-6.txt
> Quiero publicar esta página en internet. Preguntame qué hosting tengo (o recomendame opciones gratis si no tengo ninguno) y guiame paso a paso hasta que esté online con su dirección.

Resultado esperado: tu proyecto con URL propia. Ese momento — tu primera cosa VIVA en internet hecha con IA — no se olvida.

Paso 07⏱ ~para siempre

Los hábitos pro

Los tres hábitos que vi marcar la diferencia:

Lo que tenés al terminar

Llevate el kit de arranque

Los 4 prompts completos: primer proyecto, publicación, memoria y el "modo socio" con el que trabajo yo.

· El kit de arranque

kit-1-primer-proyecto.txt
> Creá una página web sobre [MI TEMA]: título grande con la promesa principal, 3 beneficios con ícono, una sección sobre mí, y botón de contacto. Diseño editorial premium: tipografía display con carácter + una de cuerpo legible, paleta de 3 colores (elegílos vos con criterio y decime cuáles), márgenes generosos, cero clichés de plantilla (nada de gradiente morado). Redactá los textos con enfoque de conversión, no de relleno. Al terminar abríla y decime 3 decisiones de diseño que tomaste.
kit-2-publicar.txt
> Quiero publicar este proyecto en internet. (1) Preguntame si ya tengo hosting o dominio; (2) si no tengo, recomendame el camino más simple y gratis para empezar y el camino "en serio" con dominio propio, con pros y contras de cada uno; (3) guiame paso a paso por el que elija, hasta verificar juntos que la página carga desde otra red; (4) dejame anotado en un archivo DEPLOY.md cómo actualizar el sitio la próxima vez.
kit-3-memoria.txt
> Configurá la memoria de este proyecto: creá MEMORIA.md con secciones (Decisiones tomadas / Estado actual / Próximos pasos / Gustos y reglas mías). A partir de ahora: leélo al empezar cada sesión, actualizalo cuando decidamos algo importante, y convertí fechas relativas a absolutas. Si te pido algo que contradice una decisión anotada, avisame antes de hacerlo.
kit-4-modo-socio.txt
> A partir de ahora trabajá conmigo en "modo socio": (1) antes de cambios grandes, contame el plan en 3 líneas y esperá mi ok; (2) después de cada cambio, decime QUÉ cambió y cómo verificarlo yo mismo; (3) si algo que pido es mala idea, decímelo con el porqué y proponé mejor; (4) habláme sin jerga técnica salvo que la pida; (5) cuando termine algo importante, sugerí el siguiente paso más valioso.

El kit en una frase: el prompt 1 te da la victoria visible, el 2 la hace real en internet, el 3 hace que Claude te recuerde, y el 4 lo convierte en socio en vez de herramienta.

¿Publicaste tu primer proyecto?

Mandáme el link por DM — los comparto. Cada semana sale un sistema nuevo.

Seguir @soydanielcastrillon