07
Bloque 07 — Claude Code
Curso de Claude AI

Claude
Code

Claude con acceso a tu ordenador
Usos para no programadores y equipos
ERNESTO ARGÜELLES | estrategia e ia aplicadaknowmad.mx
Code vs Artefactos
Bloque 07 · Claude Code · Para probar o para construir

Code vs Artefactos

🎁 Artefacto
Probar barato
Prueba una idea en 2 minutos, comparte el link, valida antes de invertir. Un archivo, sin instalación, listo en segundos.
💻 Claude Code
Construir en serio
Proyecto con jerarquía, backend y librerías. Toca archivos reales, ejecuta comandos, instala cualquier paquete.
Comparativa de capacidades
CapacidadArtefactoClaude Code
Carpetas y subcarpetas✕✓
Toca archivos del disco✕✓
Ejecuta comandos (git, npm)✕✓
Backend con base de datos✕✓
Sin instalación✓✕
Este mismo curso, por ejemplo, sería imposible como artefacto — vive en Code
Ernesto Argüelles  |  Estrategia e IA aplicada — knowmad.mx
ERNESTO ARGÜELLES | estrategia e ia aplicadaknowmad.mx
DiskPulse showcase
Bloque 07 · Claude Code · Showcase · Una sesión, un programa

DiskPulse — WinDirStat de 2026

17 archivos, 5 carpetas, instalador .exe
Lo que hace
· Treemap navegable · drill-down con doble click
· Top 20 pesados + huéspedes olvidados
· Detección de duplicados por hash
· Click derecho: abrir, copiar ruta, papelera
· Exporta PDF del análisis
Cómo se construyó
PROMPT ~200 líneas con las 6 claves
SALIDA 17 archivos en 5 carpetas
STACK Python · Flask · pywebview · D3
EMPAQUE PyInstaller + Inno Setup → .exe
installer-diskpulse.exe · 21 MB
DiskPulse [tu carpeta]
● 23.487 archivos · 14.2 GB
cache_v2.dat6.0 GB
photos_2024/2.8 GB
node_modules/1.4 GB
docs/920 MB
Python · librerías externas · acceso real al disco — imposible como artefacto
Ernesto Argüelles  |  Estrategia e IA aplicada — knowmad.mx
ERNESTO ARGÜELLES | estrategia e ia aplicadaknowmad.mx
Cómo trabaja Code
Bloque 07 · Claude Code · Un prompt, y 40 min actuando

Cómo trabaja
Claude Code

No es chat — es un agente
El bucle agéntico · 4 fases que se repiten
1
Planifica
Descompone tu petición en tareas. Hace su propia checklist antes de tocar un solo archivo.
2
Piensa
Razonamiento extendido — hasta 32.000 tokens pensando antes de actuar.
3
Actúa
Ejecuta la checklist. Marca cada tarea al terminar · sesiones de 30-45 min sin pestañear.
4
Verifica
Lanza tests, abre el preview, corrige bugs · vuelve al paso 1 si hace falta.
Plan Mode
Pulsa Shift+Tab y Claude primero planifica y te enseña el plan. Tú apruebas, entonces ejecuta.
Checklist viva
Ves las tareas en tiempo real · las va tachando según avanza · sabes siempre dónde está.
Cuando Claude trabaja así, 3 € de tokens te ahorran 3 horas de curro
Ernesto Argüelles  |  Estrategia e IA aplicada — knowmad.mx
ERNESTO ARGÜELLES | estrategia e ia aplicadaknowmad.mx
Organizador de desca
Bloque 07 · Claude Code · Programa reactivo · Reacciona a eventos

Tu caos de descargas,
ordenado

Vigila tu carpeta · sin que hagas nada
Antes · Downloads/
📄 IMG_8729.jpg
⚙️ xyz_installer_v2_final.exe
📊 data_2026_q1.csv
🎬 clip_final_v3_FINAL.mp4
📑 document (3).pdf
Después · Downloads/ ✨
📁 fotos/ → 2026-04-16_atardecer.jpg
📁 software/ → after-effects-installer.exe
📁 datos/ → ventas-q1-2026.csv
📁 clips-video/ → 2026-04-16_entrevista.mp4
📁 documentos/ → contrato-acme.pdf
🏷️ Renombrado inteligente
Fotos con fecha · ejecutables con su nombre de producto · CSVs descriptivos
📂 Crea carpetas si no hay
Llega un archivo de tipo nuevo · detecta categoría · crea carpeta y lo mueve
⏱️ Cero mantenimiento
Lo montas una vez · corre en background · trabajas sin pensar en archivos
DownloadsOrganizer.exe · 93 MB
Ernesto Argüelles  |  Estrategia e IA aplicada — knowmad.mx
ERNESTO ARGÜELLES | estrategia e ia aplicadaknowmad.mx
Briefing diario prog
Bloque 07 · Claude Code · Programa programado · A tu horario

Trabaja mientras
tú desayunas

Windows lanza el script solo a una hora fija
Ejemplo ⭐ · Briefing diario para tu cuenta de X
Cada día · 09:00
✓ Scrapea 6 medios (Bloomberg, Reuters, TechCrunch, MIT Tech…)
✓ Analiza performance de tus últimos tweets
✓ Redacta 5 tweets con el tono de tu cuenta
✓ Genera dashboard local: briefing + tweets + horarios sugeridos
Abres el dashboard con el café. Lees, copias, publicas a la hora óptima.
Cada lunes 08:00
Reporte de ventas semanal — PDF ejecutivo al equipo
Cada hora
Espía competencia — checa precios en Amazon, avisa al móvil si baja algo clave
1 de mes
Cierre contable — recopila facturas, genera modelo, todo listo para el gestor
Terminal · tarea programada
~ $ claude
> Claude Code listo · proyecto conectado
> Construye un script que se ejecute cada mañana a las 9:00 y me prepare el briefing de noticias IA con 5 tweets en mi tono
✓ Analizando últimos 30 tweets...
✓ Creando briefing_diario.py
✓ Configurando tarea en Windows Task Scheduler
✓ Listo — primer briefing mañana a las 9:00
Ernesto Argüelles  |  Estrategia e IA aplicada — knowmad.mx
ERNESTO ARGÜELLES | estrategia e ia aplicadaknowmad.mx
De artefacto a web
Bloque 07 · Claude Code · Convierte un artefacto en una web de verdad

Del artefacto
a Hostinger

4 pasos · sin tocar código
1
Descarga el HTML del artefacto
En la conversación, botón ↓ Download. Cae un .html en Descargas.
2
Refactoriza con Claude Code
En tu carpeta, abres Claude Code: @archivo.html refactoriza separando HTML, CSS y JS en archivos y carpetas
3
Prueba local + capturas
arranca servidor local y muéstrame capturas — Claude corrige lo que se vea mal.
4
Sube a Hostinger
hPanel → File Manager → public_html → Upload ZIP → Extract → borra el ZIP → activa SSL.
⚠ no subas la carpeta .claude/
Estructura resultante
Mi Web/ ├── index.html ← contenido ├── css/ ← estilos por sección └── js/ ← lógica separada
Truco para cambios futuros
Cambio pequeño — se lo pides a Claude · descargas el archivo · reemplazas en File Manager
Cambio grande — refactorizas, comprimes, subes · repites pasos 2→4
💡 ¿No se actualiza tras subir? hPanel → Advanced → Cache Manager → Purge All
Ernesto Argüelles  |  Estrategia e IA aplicada — knowmad.mx
ERNESTO ARGÜELLES | estrategia e ia aplicadaknowmad.mx
Handoff desde Design
Bloque 07 · Claude Code · Del diseño al dominio

¿Ya tienes la landing en Design?
Pásala a Code y publícala.

Send to Claude Code → un solo comando
1
Exportar bundle desde Claude Design
Menú de la landing → Send to Claude Code. Descarga un .zip con brand/, pages/, assets/ y handoff.md
2
Una sola instrucción en Code
Descomprimes, abres Claude Code y señalas el handoff.md: @handoff.md monta el proyecto y déjamelo corriendo
3
Proyecto corriendo en tu navegador
Astro + Tailwind montados con los tokens de tu marca. Pixel-perfect con el diseño de Design. → localhost:4321
Contenido del bundle
brand/ tokens CSS, fonts, paleta pages/ HTML semántico por sección components/ botones, cards, FAQ assets/ SVG, placeholders, iconos handoff.md instrucciones para Code
Claude Design crea · Claude Code construye · Hostinger publica. Todo en la misma sesión.
Ernesto Argüelles  |  Estrategia e IA aplicada — knowmad.mx
ERNESTO ARGÜELLES | estrategia e ia aplicadaknowmad.mx