La IA me escribe el código.
Entonces, ¿para qué me pagan?
Del código generado a la entrega de valor con agentes.
JEAN PAUL DIAZ
Jean Paul Diaz
Frontend Engineer · Tech Lead
✅ works on my machine expert
¿Dónde estás parado hoy?
Levanta la mano…
(puedes levantarla más de una vez)
Copilot · Cursor · Claude Code
Solo el 17% no usa IA… pero solo el 6.6% confía en ella para decisiones importantes.
Fuente: Stack Overflow Developer Survey 2026 · +30.000 devs · 169 países
01
KNOWLEDGE
La Fricción Desapareció
ANTES (Lento)
- 🔍 Google manual
- 💬 Stack Overflow c/p
- 📚 Leer Docs
- 🤖 Prompts aislados
Agente haciendo el ticket entero
El código se volvió barato.
La capacidad de producir sintaxis ya no es el diferenciador.
Velocidad ≠ Valor
Mala Decisión + Agente Rápidos
= PROBLEMA GIGANTE
¿Qué sigue siendo difícil?
Diseño y límitar dominio
Rastrear errores sutiles
Necesidades reales
Mantenibilidad vs Deuda vs Velocidad
Vulnerabilidades y protección de datos
Elegir el camino adecuado bajo incertidumbre
POR ESTO ME PAGAN #1
Conocimiento técnico
No solamente:
¿Cómo escribo este código?
Sino responder:
- ¿Qué debería construir?
- ¿Por qué?
- ¿Qué puede salir mal?
#
"Si mañana la IA escribe el 90% de tu código…
¿qué conocimiento tuyo sigue teniendo valor?"
02
AI FLUENCY
The 4D Framework
CONCEPTONo es solamente saber hacer prompts.
El uso primitivo
ANTI-PATTERN🐞 Developer
AI Output
- Sin contexto.
- Sin estrategia.
- Sin workflow.
Developer + Agent
Dejas de escribir. Te conviertes en director.
03
CONTEXT ENG.
Cómo alimentar a la IA con contexto de calidad.
¿Terminamos?
¿qué podría salir mal? 🙃Botón Negro + Texto Negro
👆 pasa el mouse
contraste 1:1 😎- background: var(--color-danger);
+ background: #000000; // hardcode
color: #111827; // nadie lo miró
outline: none; // adiós teclado
}
.btn-primary:hover {
background: #EF4444; // sigue rojo
}
Se ve "bien", pero destruiste:
¿El problema fue la IA?
PROMPT INSUFICIENTE
"Cambia el botón rojo a negro"
PROMPT + CONTEXTO
"Cambia el botón respetando el Design System, accesibilidad y tests..."
No se trata de escribir mejores prompts.
Se trata de construir mejores entornos.
CONTEXT ENGINEERING
CORE PRINCIPLENo se trata solamente de escribir mejores prompts.
Se trata de construir un entorno donde el agente pueda tomar mejores decisiones.
Mi conocimiento → Contexto
PIPELINE¿Qué conocimiento tienes en tu cabeza que el agente no puede conocer leyendo el código?
/docs + CLAUDE.md
ARQUITECTURA DE CONTEXTO/docs Structure
├── architecture.md ├── conventions.md ├── business-rules.md ├── api.md ├── testing.md └── decisions.md
CLAUDE.md
Reglas · Contexto · Convenciones · Referencias · Validación
El código explica cómo.
La documentación explica por qué.
Skills
AUTOMATIZACIÓN¿Qué pasa cuando una tarea se repite? Convertimos conocimiento en una Skill.
Una Skill puede contener:
Instrucciones específicas · Proceso paso a paso · Criterios de aceptación · Ejemplos de código · Validaciones requeridas
Workflows
ESTRATEGIAPasamos de un impulso simple a un flujo estructurado:
POR ESTO ME PAGAN #2
Saber usar la IA
Pero sobre todo: saber trasladar mi conocimiento a la IA.
Knowledge → Context → Agent
#
"¿Qué sabes tú que un agente no podría saber simplemente leyendo tu código?"
04
EXECUTION
Estrategias de orquestación pura.
🎼 menos teclear, más orquestarToken Economics
EFICIENCIANo todas las tareas necesitan el mismo modelo.
🧠 Modelo Potente
Arquitectura · Razonamiento profundo · Debugging complejo · Planificación inicial
⚡ Modelo Rápido / Económico
Boilerplate · Documentación · Cambios mecánicos · Tareas repetitivas
Modelo adecuado ≠ Modelo más potente
Plan Mode: Planificar ≠ Ejecutar
Decidir QUÉ hacer
Analizar e Investigar
Decidir CÓMO hacerlo
Ejecutar código
¿Un agente o varios?
PARALELISMOSecuencial (Tradicional)
Trabajo en Paralelo
El problema de concurrencia
DESAFÍOEjemplo: Construyendo un Dashboard
Pedidos recientes
| Pedido | Cliente | Estado | Monto | Fecha |
|---|---|---|---|---|
| #1042 | María Torres | Pagado | S/ 1,250.00 | 12 oct |
| #1041 | Carlos Ruiz | Pendiente | S/ 480.00 | 12 oct |
| #1040 | Lucía Fernández | Pagado | S/ 2,100.00 | 11 oct |
| #1039 | Diego Salas | Cancelado | S/ 320.00 | 11 oct |
| #1038 | Ana Quispe | Pagado | S/ 960.00 | 10 oct |
| #1037 | Jorge Vega | Pendiente | S/ 1,780.00 | 10 oct |
¿Varios agentes en la misma carpeta?
CONFLICTO DE CONCURRENCIA
🌳 Aislamiento: Git Worktrees
Mantén a tus agentes separados y felices.
🌳 git happens├── agent/dashboard (Agent A)
├── agent/tests (Agent B)
└── agent/docs (Agent C)
POR ESTO ME PAGAN #3
Orquestar y entregar
El agente escribe, el developer orquesta y entrega.
05
EL FUTURO
CodeOn 2026+
LA PARADOJA
Mientras mejor sea la IA programando...
Más importante es entender programación.
El Roadmap del Nuevo Dev
💡
La IA escribe el código.
Por esto me pagan: saber qué construir, trasladar mi conocimiento a la IA y entregar valor.
¡Gracias CodeOn! — Jean Paul Diaz
👏 aquí es donde aplauden
No te vayas todavía…
SHOW TIME
Links que te recomiendo
CURSOS
Claude Academy
La lección de Claude Academy sobre las cuatro competencias de AI Fluency y más
academy.claude.com/es/courses/ai-fluency-framework-foundations/the-4d-frameworkCLAUDE.MD
andrej-karpathy-skills
Guías de comportamiento para reducir los errores comunes de los LLM al programar: pensar antes de codear, priorizar lo simple y hacer cambios quirúrgicos.
github.com/multica-ai/andrej-karpathy-skills/blob/main/CLAUDE.mdMI ESPACIO
humanoydev
Un espacio para construir software con IA sin dejar de pensar como humano. Experimentos, artículos y recursos.
humanoydev.com/COMUNIDAD
Frontend.pe
La comunidad frontend del Perú: meetups, talleres y networking para profesionales, estudiantes y entusiastas de la tecnología.
frontend.pe/Llévatelo
PRÓXIMO EVENTO
Frontend.pe Meetup #1126
Jueves 5 de noviembre · 6:00 p. m. ¡Nos vemos ahí!
luma.com/vr94w3ju