Masterclass Práctica 1 Sesión · 13 Módulos · Taller

Desarrollo
Asistido
por IA

Aprende a integrar Claude Code en tu flujo de trabajo con la metodología Spec-Driven Development — de la especificación al código funcional.

~/proyecto
$ claude
╭─────╮
│ Hola, soy Claudia.
╰─────╯ Tu nueva compañera de equipo.

Aprendo cualquier tecnología al instante.
Programo increíblemente rápido.
Nunca me canso.

⚠ Pero cada mañana lo olvido todo.

$
" El código es barato, las decisiones son caras.
La IA acelera la ejecución; tú eres dueño de las decisiones. "
01

Programa del Curso

13 módulos que te llevan de cero a productivo con Claude Code

01 👤

Conoce a Claudia

Tu nueva compañera de equipo

Teoría 30 min
02

Introducción a Claude Code

Conoce la herramienta

Demo + Práctica 30 min
03

Configurando el Proyecto

CLAUDE.md, MCP, hooks

Práctica 30 min
04

El Flujo de Desarrollo

De la idea al código

Teoría 20 min
05

Escribiendo la Épica

Specs que funcionan

Taller 45 min
06

Diseño, Slicing y Tareas

Del diseño a tasks.md

Taller 30 min
07

Construyendo el Frontend

Live coding con Claude

Live Coding 45 min
08

Gestión de Contexto

El recurso más escaso

Buenas Prácticas 20 min
09

Debugging con Claude

Diagnosticar y escapar bucles

Demo + Práctica 30 min
10

Git y Code Review

Revisión de código con IA

Práctica 20 min
11

Código Legacy

Sin romperlo todo

Práctica 25 min
12

Testing Semi-Automatizado

Tests en markdown

Taller 30 min
13

Cierre y Plan de Acción

Tu hoja de ruta

Debate 15 min
02

Conceptos Clave

Los pilares del desarrollo asistido por IA

La Metáfora

Claudia: Memoria de Pez

La IA es como una desarrolladora brillante que se despierta cada día sin memoria. Aprende cualquier tecnología al instante, programa a velocidad increíble y nunca se cansa. Pero cada mañana lo olvida todo.

La documentación es su cerebro. CLAUDE.md, specs y archivos de tareas son su guía de onboarding que necesita en cada sesión.

La Jerarquía

Impacto Técnico

Nivel 3 Estética Coste bajo
Nivel 2 Comportamiento Coste medio
Nivel 1 Fundación Coste crítico

Lo más fácil de ver es lo más barato de arreglar. Lo invisible es caro de cambiar.

El Flujo

Spec-Driven Development

Épica Validar Diseño Tareas Implementar

Escribe las especificaciones primero, luego deja que la IA implemente. Recomendado por Anthropic, GitHub, Google y ThoughtWorks.

El Principio

Humano en el Bucle

La IA genera, los humanos validan — siempre. Nunca te saltes la revisión del diseño. Nunca hagas merge sin code review.

¿Harías merge de la PR de alguien en su primer día sin revisarla? La misma regla aplica.

03

Qué Aprenderás

Dominar el flujo spec-driven de principio a fin
Usar herramientas de diseño con IA (v0, Stitch, Figma Make)
Configurar Claude Code en proyectos nuevos y existentes
Gestionar el contexto para evitar degradación
Depurar frontend con Plan Mode y Chrome DevTools
Aplicar prácticas seguras de Git y code review con IA
Integrar Claude Code en un proyecto legacy
Escribir y ejecutar tests semi-automatizados en markdown
04

Preparación

Completa esto antes de la sesión

1

Requisitos Previos

  • Node.js / npm (versión LTS)
  • Git instalado y configurado
  • Un terminal moderno
2

Instalar Claude Code

npm install -g @anthropic-ai/claude-code
claude --version

Necesitas una cuenta de Claude activa con un plan que incluya Claude Code.

3

Configurar MCP

# Context7 — docs de librerías
claude mcp add --scope user context7 \
  -- npx -y @upstash/context7-mcp

# Chrome DevTools
claude mcp add --scope user chrome-devtools \
  -- npx -y chrome-devtools-mcp@latest
4

Verificar

claude mcp list
claude
# Dentro de Claude Code: /mcp

Deberías ver context7 y chrome-devtools activos.

05

Recursos