Sesión 3 · Claude Code en el Desktop

Sesión 3 · Claude Code en el Desktop: construye sin ser developer

Información
⏱ Duración: ~100 min núcleo + bienvenida + bloque opcional · 🎯 Objetivo: usar el tab Code de Claude Desktop —sin terminal ni instalaciones— para construir una herramienta real: un tablero de KPIs de Elektra Rewards que lee un CSV, muestra tarjetas con semáforos y se verifica solo en el Browser pane.

Semana 3 de 4. Ya estandarizaste a tu equipo con skills y plugins (Semana 1) y automatizaste con gobernanza (Semana 2). Ahora el CEO quiere que tu dirección construya sus propias herramientas en lugar de esperar a IT. Buenas noticias: no necesitas ser developer ni abrir una terminal.

Claude Desktop tiene tres tabs: Chat para conversar, Cowork para trabajo agéntico largo (y Dispatch), y Code para construir. Hoy vives en Code.

  • Chat — conversación general, sin acceso a tus archivos (como claude.ai).
  • Cowork — un agente autónomo que trabaja en segundo plano dentro de una VM sandbox con su propio entorno, mientras tú haces otra cosa.
  • Code — un asistente interactivo con acceso directo a tus archivos locales: revisas y apruebas cada cambio en tiempo real.
Consejo
Selling point para no-developers (verbatim): “The desktop app includes Claude Code. You don’t need to install Node.js or the CLI separately.” Sin terminal, sin Node, sin CLI: solo el tab Code.

Agenda

# Tema Duración
1 Tu primer vistazo: abre Code y configura los 4 ajustes de pre-vuelo ~20 min
2 Construye tu tablero — el ejercicio estrella (CSV → HTML con semáforos) ~40 min
3 Modos de Code y extras no-dev ~25 min
4 Cierre, quiz y puente a la Semana 4 ~15 min
Total núcleo ~100 min

Arrancamos con 5 min de bienvenida. Si sobra tiempo (sesión de 2.5 h), hay un bloque "⏱ Si hay tiempo" para personalizar tu tablero al final.

Objetivos de aprendizaje

  • Distinguir los tres tabs de Claude Desktop (Chat / Cowork / Code) y cuándo usar cada uno.
  • Abrir Code, elegir Environment = Local, Select folder de tu proyecto, modelo y modo de permiso = Manual.
  • Construir una herramienta HTML real desde un prompt en lenguaje natural y revisar cada cambio en el diff antes de aceptarlo.
  • Verificar el resultado en el Browser pane (Claude se auto-verifica con screenshots/clicks).
  • Nombrar los 5 modos de permiso de Code y cuándo subir de Manual a Accept edits o Plan.
Información
Límites de uso: Code comparte los límites de uso de tu plan con Chat/Cowork/Design. Con 15-20 personas iterando a la vez, dosifica las iteraciones. Nota para el instructor: escalona los arranques del grupo para no saturar el plan.
Nota
Supuestos de la cohorte: asumimos un plan Team/Enterprise. Si tu organización usa otro plan, el patrón del ejercicio es el mismo; solo cambian los cupos de uso.
Aviso
Guardrail permanente: no uses PII, datos bajo NDA ni información comercial sensible. En esta Sesión trabaja solo con datos/kpis-elektra.csv del zip, que es ficticio. Empieza siempre en modo Manual: tus archivos no se modifican hasta que aceptas.