Mucho interés en la encuesta de la edición anterior sobre la adopción de la IA.
Así que me junto con José Manuel, arquitecto de software, para compartir con vosotros cómo manejamos a la IA en nuestros proyectos.
Soy Dani de Web Reactiva y hoy encontrarás recursos para saltar de nivel con la IA, trucos para ahorrar tokens, evita que tu web caiga por el fútbol, los secretos que esconde Claude Code
🎧 Todo esto lo desgranamos con José Manuel en el último episodio del podcast. Dale al play en Spotify, Apple Podcasts o en cualquier podcatcher.
Los resultados están claros.
Pero hay un matiz que no quiero pasar por alto: vosotros sois gente que lee esta newsletter, que escucha el podcast, que está metida en el mundo de la IA. O sea, la burbuja. Y aun así, la mayoría no está en la fase 5.
Ahora imagina las empresas que ni siquiera tienen un Cursor instalado. José Manuel cuenta —sin poder dar nombres— que la cantidad de grandes empresas, con dinero, con equipos, con inversión, que no usan ni un asistente de código es abrumadora. Ni GitHub Copilot. Nada.
ㅤ
1️⃣ Fase 1: El chat
Preguntas cosas a ChatGPT, Claude, Gemini... Es útil, pero no cambia tu flujo de trabajo.
Aquí se aprende lo más importante: qué sabe hacer la IA, cuándo alucina, cómo conseguir mejores respuestas. Muchos la desprecian cuando descubren los agentes, pero el chat sigue siendo el laboratorio donde afinas criterio.
🤸 Salta: Notarás que quieres ir más allá de copiar y pegar el código a tu editor.
ㅤ
2️⃣ Fase 2: El asistente de código
La IA entra en el editor. Copilot, Cursor, Claude. Te sugieren líneas, completan funciones, refactorizan. Tú llevas el volante.
La unidad de trabajo es pequeña: una función, un archivo, un test. La habilidad principal aquí es trocear bien el trabajo y validar rápido.
El salto a la fase 3 llega cuando descubres quieres que el sistema haga partes enteras por ti y que tome sus propias decisiones. Porque has visto que es capaz.
🤸 Salta: Dale una tarea completa y a ver qué pasa.
ㅤ
3️⃣ Fase 3: El agente escribe más que tú
Le das tareas amplias, le pasas contexto, le dejas preparar cambios sobre varios archivos. El agente ya no te complementa, tú le complementas a él.
Este es el territorio natural para comenzar el vibe coding. Y por eso también es la fase más peligrosa. Vas más rápido, sí, pero se te puede empezar a esconder el código, la complejidad y la calidad real.
Para mantenerse bien aquí hace falta disciplina: especificaciones más claras, revisar diff, leer las pull requests con intención. No asumir que “si pasa los tests está bien”.
🤸 Salta: Cada vez que hay errores genera un método para evitarlos la siguiente vez: colecciones de prompts, skills, memoria…
ㅤ
4️⃣ Fase 4: No escribes código
Ya no escribes casi código. Diseñas el sistema en el que trabaja el agente: reglas, skills, MCPs, documentación operativa, mecanismos para que acierte más a la primera.
Tu trabajo empieza a parecerse más al de alguien que construye una fábrica que al de quien aprieta tornillos.
ㅤ
🤸 El salto de los proyectos de José Manuel
Es un buen ejemplo de esto en acción. Ha estado a tope con Quiero Formarme: nuevos scrapeos generados con skills de IA, nuevo modelo de embeddings con longitud dinámica, ajuste fino del buscador vectorial y migración a Node 24. Todo orquestado desde un sistema de skills y agentes que él mismo ha ido construyendo.
🔥 Y ha ido un paso más allá creando ghcopilot-hub, un paquete propio que centraliza sus skills y agentes para reutilizarlos entre proyectos.
Es un CLI que te permite gestionar packs de skills y sistemas de agentes orquestados para distintos tipos de proyecto: Next, TanStack, API en Node… cada uno con su configuración lista. Lo curioso es que el propio CLI lo hizo en vibe coding puro, mientras que las skills que alimentan ese sistema las trabajó a fondo en fase 4.
ㅤ
5️⃣ Fase 5: No lees el código
Estás ahí arriba, debajo del ojo de Sauron.
Ya no estás en la escritura ni en la revisión detallada. Estás en la capa de gobierno: quality gates, validación real, integración continua, pruebas end to end, observabilidad, criterios de aceptación.
El foco deja de ser “hacer software” y pasa a ser “hacer que el software generado sea fiable”.
Y aquí es donde surge la pregunta incómoda: si no lees el código, ¿cuál es tu trabajo? José Manuel lo dice claro: tú sigues siendo el responsable de ese código, aunque no lo escribas tú y aunque no lo leas. Así que tiene que haber una red de seguridad. Tests, agentes de revisión, quality gates. Algo. Pero algo tiene que haber.
Esta fase no va de desentenderse. Va de aceptar que el valor humano se desplaza hacia la dirección, la validación y el criterio.
ㅤ
La trampa de la hamburguesa
Porque hay una cosa que Dani ha comprobado construyendo la nueva plataforma Premium de Web Reactiva desde cero con IA: los modelos tienden a quedarse a medias.
Como la foto de la hamburguesa de franquicia. Tiene una pinta estupenda en la pantalla. Luego te la tiran como un trapo en un cartón y aquello no es ni el tamaño, ni la textura, ni los colores que esperabas.
La IA te pone los botones bonitos y el confeti. Por dentro, se ha saltado dos tests que no le funcionaban y te ha cambiado un nombre de método sin avisarte.
Los agentes mienten cuando dicen que han terminado su trabajo.
Por eso, igual que hay un momento del día para hacer commit, también tiene que haber un momento para lanzar la revisión. Skills de seguridad, agentes que busquen problemas, los quality gates que tú consideres. Siempre. Sin excepciones.
ㅤ
No hay una “fase correcta”
La adopción de la IA en desarrollo no consiste en dejar de programar de golpe. Consiste en ir desplazando el valor humano desde la escritura manual hacia el criterio, la especificación, la validación y el gobierno del sistema.
Porque la IA ha venido para quedarse.
Nunca había sido tan fácil construir. Y nunca había sido tan difícil parar de construir.
ㅤ
Si te ha gustado este número de Web Reactiva aporta con tu like 🧡 pulsando en el corazoncito y haz que el algoritmo se entere de que esto es cosa buena. ¡Gracias!
ㅤ
☕️ De todo esto hablamos en el podcast
☁️ La filtración de Claude Code — Se les escapó todo el código fuente. ¿Error de novato o jugada maestra de marketing? Tenemos teorías.
🎭 El ataque a Axios que parece una película — Montaron una empresa falsa, un Slack con canales y reuniones por Teams para colarle un troyano al mantenedor. Ingeniería social de manual.
👁️ Claude Mythos, el modelo que no podemos tocar — Encontró bugs de 27 años en software crítico, cuesta 5 veces más que Opus y no nos lo dejan ni tocar.
🇨🇳 China apretando fuerte — Qwen 3.6 open source y gratis, GLM 5.1 agéntico, y Cursor Composer 2 que resultó ser un Kimi 2.5 con maquillaje (les pillaron rápido).
⚰️ GPT-4o ha sido jubilado — Nuestro tontorrón favorito ya no está. También OpenAI ha apagado Sora, la app de vídeos que nadie usaba.
⚛️ Next.js 16.2 con
use cache— Por fin han simplificado el tema de la caché después de pivotar mil veces. José Manuel lo ha probado y viene contento.📦 TypeScript nueva versión — La última antes del compilador en Go. Fin de una era, modo estricto por defecto y soporte para Temporal API.
ㅤ
💊 Recursos a tutiplén
🔌 SKILL DESTACADA
20 skills de ingeniería profesional para agentes de IA, por Addy Osmani
El popular ingeniero de IA en Google comparte muchas de sus skills que “fuerzan” a los modelos a comportarse como seniors.
👉 Resumen en español práctico y al grano de las +19 skills
🔰 PARA APRENDER
Lo que aprenderás del código filtrado de Claude Code
Análisis del código fuente filtrado de Claude Code: funciones ocultas, orquestación de agentes, acciones misteriosas o arquitectura React en terminal.
⚡️ ASOMBROSICO
¿Hay ahora fútbol? Comprueba si LaLiga y Tebas están bloqueando tu web
Debido a una sentencia judicial para evitar la piratería, LaLiga ordena a los principales proveedores de internet en España (Movistar, MasOrange, Vodafone, DIGI) el bloqueo de IPs de CDNs como Cloudflare durante los partidos de fútbol. El problema: esas mismas IPs sirven tráfico de miles de webs legítimas.
Esta herramienta te dice si ahora mismo hay bloqueo activo y si tu página está afectada.
🧡 Gracias infinitas a las personas detrás de este proyecto.
🤖 IA PRÁCTICA
MemPalace, memoria persistente para tus agentes de IA de Milla Jovovich (El quinto elemento)
Sí, Milla Jovovich (la de Resident Evil) ha creado un sistema de memoria local para LLMs que almacena conversaciones y te ayuda a que la IA no se olvide de sus cosas.
👉 Así funciona MemPalace (en castellano)
🌳 BUENAS PRACTICAS
Caveman, ahorra un 65% de tokens convirtiendo a la IA en cavernícola
Un skill para Claude Code y Codex que elimina artículos, muletillas y cortesías de las respuestas del agente, manteniendo toda la precisión técnica.
👉 ¿Quieres ahorrar tokens en Claude Code? Te cuento 25 trucos (actualizado el 7 de Abril)
🛠 HERRAMIENTAS
EmDash CMS, la alternativa a WordPress de Cloudflare
Las herramientas modernas ya no solo se generan con IA, también se gestionan con ella. EmDash trae skills y MCPs integrados desde el primer día.
👉 ¿Qué es EmDash y cómo se instala? En español
🎢 CARRERA PROFESIONAL
Solo eres developer de verdad si...
Sylwia Laskowska recopila los tropos más identificables de la vida de un developer: de las 5 horas depurando un bug a las bromas que solo entendemos entre nosotros. Publicado después de su charla en jsDay 2026.
🤖 IA PRÁCTICA
Lecciones de construir +200 integraciones API con agentes OpenCode
Nango cuenta cómo su agente autónomo genera 200 integraciones con 5 APIs en 15 minutos y menos de 20$ en tokens.
🔑 Clave: no confiar en el agente, depurar desde el primer error y usar skills en vez de orquestaciones complejas.
😎 PARA FARDAR
Emulate, APIs locales de mentira para tus tests y CI
Ojo que no es para la API de chistes de Chuck Norris, APIs son las réplicas de GitHub, Google, Slack, Stripe, AWS y más.Con OAuth, webhooks y más. 🧡 Recomendado por José Manuel
🛠 HERRAMIENTAS
The Logfile Navigator, el navegador de logs que quier sustituir a tail, grep y less
Fusiona múltiples ficheros de log en un timeline único, detecta formatos automáticamente, descomprime archivos al vuelo y permite consultar logs con SQL. La era dorada del CLI.
🤖 IA PRÁCTICA
Qué herramientas elige realmente Codex vs Claude Code
Investigación sistemática que analiza qué dependencias y herramientas recomiendan Codex y Claude Code en repos reales. Las diferencias son reveladoras.
🕹 JUEGOS
OpenGuessr, la alternativa gratuita a GeoGuessr
Partidas ilimitadas, modo multijugador y sin suscripción. Adivina dónde estás en el mundo y aprende geografía sin soltar un euro. Eso sí, con anuncios.
🎨 PLANTILLAS
Boneyard genera skeletons mágicos desde tu DOM real
Captura el layout real del navegador para crear pantallas de carga (skeletons) que siempre coinciden con tu UI. Funciona con React, Vue, Svelte 5, Angular y React Native. 🧡 Recomendado por José Manuel
El recurso más popular de la publicación anterior fue…
🚀 Office EU, la alternativa europea a Microsoft 365
ㅤ
ㅤ
PD: ¿Por qué se forman los atascos? Explicado con legos automatizados con +2M de visitas.
#386
ㅤ
Y para acabar, si algún día necesitas mi ayuda…
¿Dudas en cómo aplicar la IA a tu carrera profesional como developer? ¿No encuentras el trabajo que esperabas?
Te alquilo mi cerebro durante 55 minuts para que te lleves una hoja de ruta personalizada y cargada de dinamita de la buena.
— Reserva una sesión de Consultoría 1 a 1 conmigo
ㅤ
La programación ya no es como la de 2024 y en Web Reactiva lo sabemos.
Aprende herramientas de nuestro tiempo, rodéate de personas que están donde te gustaría estar y construye proyectos que te saquen del montón.
— Entra y conoce lo que ofrecemos en Web Reactiva Premium
ㅤ
