Claude Code desde Cero
Tu primer sitio, tu primera herramienta, tu primer agente — online y hechos por vos.
De "no sé programar" a un portfolio de cosas reales, deployadas. Tu primer build en los primeros minutos, sin instalar nada.
El playbook completo para construir esto: guías cortas, en orden. Recorrelo de punta a punta o saltá a lo que necesites.
0 de 39 guías leídas
- 1
Tu primera magia
Antes de instalar nada: en el navegador, gratis, construís tu primera página y entendés el loop que vas a repetir para todo lo demás.
- Qué es Claude Code Claude Code es la herramienta de Anthropic para construir software con IA: le escribís en lenguaje natural lo que querés y trabaja sobre los archivos reales de tu compu.
- Qué es un artifact en Claude Un artifact es el panel donde Claude te muestra lo que construye funcionando de verdad, al costado del chat: el resultado vivo, no el código.
- El loop para construir con IA: describí, mirá, pedí, repetí Construir con IA es un loop: describís lo que querés, mirás lo que apareció, pedís el cambio y repetís — y los errores se pegan de vuelta a Claude.
- Cómo hacer tu primera página web con IA (sin saber programar) Con una cuenta gratis de Claude y un prompt en español, construís tu primera página web funcionando en 5 minutos, sin tocar código.
- 2
Tu taller en tu compu
Cuando el chat te queda chico, bajás al taller: la app (o la terminal) que trabaja sobre tus archivos reales. Acá conocés las herramientas y por qué Claude Code, y no otra.
- Qué es la terminal (y por qué no muerde) La terminal es una ventana donde le escribís comandos a tu compu y te responde con texto: un chat, más viejo que el mouse.
- Cómo instalar Claude Code (paso a paso, Mac y Windows) Claude Code se instala desde la app de claude.ai/download (Mac/Windows), iniciando sesión con tu cuenta; requiere el plan Pro de Claude.
- Claude Code vs Cursor: cuál te conviene Claude Code es un agente autónomo (terminal/app) que trabaja sobre tus archivos; Cursor es un editor de código (fork de VS Code) con IA y autocompletado.
- Claude Code vs ChatGPT para programar ChatGPT (en el chat) te da código para copiar y pegar vos; Claude Code trabaja directamente sobre los archivos de tu proyecto y corre tareas de varios pasos.
- Claude Code vs Codex: cuál te conviene Claude Code y Codex son agentes que construyen software por vos; Claude Code suma la app de escritorio amable y profundidad multi-archivo, Codex (OpenAI) es rápido y vive en la terminal — para construir sin saber programar, el camino es Claude Code.
- Claude Cowork vs Claude Code: cuál usar para qué Cowork y Claude Code comparten el motor de agente pero apuntan a trabajos distintos: Code construye software (sitios, herramientas, automatizaciones); Cowork hace el trabajo de conocimiento alrededor (archivos, planillas, research) sin terminal.
- 3
Tu primer sitio de verdad
Tu primera página con tu propia URL: del brief a una landing que convierte, que no parece de IA, y el deploy que la pone online.
- Cómo escribir un brief para una landing Un brief quirúrgico decide cuatro cosas antes de construir: para quién es, qué acción tiene que hacer, qué tiene que sentir y qué restricciones hay; eso separa lo genérico de lo profesional.
- Cómo hacer una landing con IA (sin saber programar) Una landing tiene cuatro secciones —hero, beneficios, prueba y CTA final— y un solo trabajo; con un brief y un prompt, Claude la construye entera.
- Cómo hacer que una web no parezca de IA Una página se despega del genérico 'look IA' con cuatro retoques que se piden con palabras: jerarquía tipográfica, paleta de 2-3 colores, más espacio y movimiento sutil.
- Diseño mobile first: probá tu web en el teléfono La mayoría ve tu página en el teléfono; la prueba mobile se hace angostando el navegador y la regla que importa es una: ¿la acción principal se hace con un pulgar?
- Cómo publicar tu web con IA (link público en un click) Los artifacts de Claude se publican con un click y dan un link público que cualquiera abre desde el teléfono, sin cuenta.
- 4
Sitios completos
De una página suelta a algo que funciona: formulario que te llega, SEO para que te encuentren, analytics, novedades y rediseños en vivo.
- Cómo pasar de una landing a un sitio completo con IA Un sitio de negocio chico funciona con cuatro páginas —inicio, servicios, sobre mí, contacto— unidas por un menú, todas con una sola identidad visual.
- Cómo conectar un formulario de contacto que llega a tu mail Un sitio estático no manda mails solo; un servicio gratuito (tipo Formspree) recibe el formulario y te lo reenvía al mail. Claude cablea el código.
- SEO básico para tu sitio con IA (lo que sí importa) El SEO básico que importa para un sitio chico son cuatro cosas: título y descripción por página, la tarjeta de Open Graph al compartir, y el sitemap.
- Qué es analytics y cómo instalarlo en tu sitio Analytics es el contador de visitas profesional: muestra cuánta gente entra, qué páginas mira y de dónde viene; Vercel Analytics es gratis, sin cookies, y se prende en dos pasos.
- Cómo hacer una sección de novedades con IA Una sección de novedades con entradas de formato repetible se alimenta con una sola frase a Claude; es el patrón de blogs, portfolios y catálogos: contenido estructurado más un prompt.
- Cómo rediseñar una web con IA Rediseñar un sitio real y feo —usando su información, no su diseño— entrena el ojo y deja una pieza de portfolio con antes/después; también es una puerta clásica a un primer cliente.
- 5
Herramientas
El salto de páginas a herramientas que resuelven algo: calculadoras, mini-apps y dashboards —para vos o para entregarle a un cliente—.
- Cómo hacer una calculadora con IA Una calculadora responde una pregunta con números: elegís la pregunta, le pasás a Claude los campos y la cuenta en palabras, y la blindás contra valores absurdos.
- Cómo hacer una mini-app interna con IA Una mini-app interna resuelve una tarea repetitiva para la misma gente; el brief con un caso de uso de punta a punta le enseña a Claude más que diez requisitos.
- Cómo hacer un dashboard con IA Un buen dashboard tiene pocos elementos: los 2-4 números que importan en grande, un gráfico de evolución y una comparación; lo demás es decoración.
- Cómo conectar una planilla de Google a tu web Google Sheets deja publicar una hoja como CSV para que cualquier programa la lea; tu web la trae al cargar y la dibuja: editás una celda y la página cambia.
- Cómo convertir una calculadora en lead magnet Una calculadora se vuelve lead magnet cuando muestra el resultado principal gratis y pide el mail para el análisis completo: primero valor, después pedido.
- Cómo empaquetar una herramienta para entregar Una herramienta entregable funciona sin vos al lado: se explica sola, maneja todos sus estados y falla con mensajes amables; la prueba es que alguien la use en frío.
- 6
Automatizaciones y agentes
El salto de construir cosas a construir cosas que trabajan solas: qué es un agente, cómo armás el primero y cómo lo mantenés bajo control.
- Qué es un agente de IA (sin humo) Un agente de IA es Claude con un encargo y permiso para dar varios pasos solo: le das un objetivo y te muestra el resultado, en vez de aprobar cada paso.
- Qué son Skills y Connectors en Claude Un Connector le da a Claude acceso a un servicio externo (calendario, Notion, GitHub); una Skill le da un saber empaquetado que se activa solo o invocás con la barra.
- Cómo hacer tu primera automatización con IA Una automatización es un prompt definitivo de una tarea repetitiva: pasos claros, reglas para las decisiones y un reporte final; se corre mirando hasta que sale bien dos veces.
- Cómo programar tareas en Claude Code Las tareas programadas de Claude Code se crean pidiéndolo (nombre, cuándo, qué hace, reporte) y se gestionan hablando; solo se agenda lo que ya corrió bien a mano.
- Cómo crear un agente de IA (tu primero, con Claude Code) Para crear un agente de IA escribís un briefing con las cuatro piezas (objetivo, herramientas, límites, reporte), pedís el plan antes de ejecutar y verificás el resultado.
- Cómo darle un briefing a tu primer agente Un buen briefing tiene cuatro piezas (objetivo, herramientas, límites, reporte) y termina pidiendo el plan antes de ejecutar; corregir un plan cuesta una frase.
- Guardrails para agentes de IA La seguridad de un agente tiene tres capas: los modos de permiso de la app, la lista corta de lo irreversible (publicar, enviar, borrar, pagar) y los límites escritos en el briefing.
- Cuánto vale una automatización (la cuenta servilleta) El valor de una automatización se calcula en una servilleta: el tiempo de la tarea por las veces al mes por el valor de la hora es lo que cuesta no automatizarla.
- 7
Memoria
Para que Claude no arranque de cero cada vez: dejás por escrito quién sos, cómo te gusta trabajar, y verificás lo que hace.
- Cómo darle memoria a Claude Code (CLAUDE.md) Claude Code lee un archivo CLAUDE.md al iniciar cada sesión; lo escribís una vez (la versión global vale para todos tus proyectos) y no repetís más tu contexto.
- Cómo darle memoria a un proyecto en Claude Code Un CLAUDE.md dentro de la carpeta del proyecto guarda qué es, las decisiones que dolería re-decidir y el estado actual; Claude lo lee al abrir esa carpeta, encima del global.
- Cómo mantener el CLAUDE.md liviano El CLAUDE.md se lee entero en cada sesión, así que conviene mantenerlo corto: el hábito de 'acordate de esto', una poda mensual y solo hechos y reglas, no aspiraciones.
- Cómo verificar el trabajo de la IA Los que construyen en serio no le creen a la IA, verifican: piden evidencia de cada 'listo', comprueban ellos lo crítico, y atacan los errores con un método de cuatro pasos.