Déjalo toda la noche trabajando y amanecerás con algo parecido. Con su cangrejito azul de logotipo y todo ese slop que hace que cualquier cosa se parezca a las demás.

Lo que decide si eso sirve para algo no pasa dentro del editor. Pasa antes, lejos del teclado.

ㅤ

🎧 Soy Dani de Web Reactiva y esta newsletter llega con un podcast completo que puedes escuchar dándole al play de más arriba en Spotify, en Apple Podcasts o en tu podcatcher de cabecera.

ㅤ

🎁 Descarga gratis una skill para hacerte más listo/a

Te llevas una skill que no he publicado en ningún otro sitio para aprender de otra manera. Porque no creo que la IA valga para todo, y con esta sí vas a aprender, pero no como se ve por ahí.

Y, si te apuntas a la descarga, en los próximos días te mando un minicurso de cómo creo y uso las skills.

Descarga gratis la skill

⏳ Abierto una semana. Después se cierra.

ㅤㅤ

1️⃣ El trabajo que se hace sin tocar una tecla: PENSAR

Estas herramientas toman decisiones por ti. Cuanto mejor es el modelo, mejores decisiones toma (he visto varias veces cómo tomaba mejores que las mías).

El problema no es ese. El problema es todo lo que le dejas decidir porque tú no lo has decidido antes.

ㅤ‎

Y aquí va la parte incómoda: no hay atajo. Todo requiere un esfuerzo, y si no es en tiempo es en dinero. El dinero, en el mundo de la IA, son tokens. Pero este esfuerzo concreto no se paga con tokens.

‎ㅤ

Reflexiona sobre esto antes de lanzar a la IA la creación del mejor proyecto de tu vida (que será el siguiente, sin duda):

• ¿Qué quieres que haga esto que vas a montar?

• ¿Con qué stack y arquitectura te gustará montarlo?

• ¿Qué beneficio conseguirá el usuario?

• ¿Qué partes tiene?

👉 Y no te acobardes, usa la IA para pensarlo mejor, no para saltarte el pensarlo.

ㅤ

2️⃣ Vuelve al teclado, pero mirando cómo trabaja la IA

Hay gente que no entiende estos frameworks por un motivo concreto: nunca ha visto cómo trabaja la IA de verdad. Prompts sueltos, el juego de la serpiente para los chavales. Está genial, pero nadie ha puesto a prueba hasta dónde puede llegar.

Usa aquello que siempre soñaste hacer y descartaste porque eran meses de trabajo. Ahora son un par de tardes. Intenta eso.

Y aprende mientras las “primitivas” de los agentes: las skills, los MCPs y los ficheros de constitución como CLAUDE.md o agents.md. Pronto necesitarás más.

ㅤ

3️⃣ Usa un framework Spec Driven Development (SDD)

Con estos dos trucos.

Tus decisiones reales al empezar.

Lo que se habló con el cliente, lo que decidió el equipo. Todo eso lo pensaste lejos del teclado: méteselo y el resultado se acerca mucho más a lo que querías.

Verificación después de implementar.

Mira la convergencia entre lo ejecutado y la especificación. Si tu herramienta no lo trae, pídeselo de viva voz: “¿esto que has hecho es lo que habías prometido?”.

ㅤ

4️⃣ Quita la carcasa

Tenía un compañero en la universidad, Gonzalo, que veía una radio en un contenedor, la agitaba, y si sonaba se la llevaba a casa. Así consiguió radio y vídeo: quitaba la carcasa para entender cómo funcionaba aquello.

Nos falta esa curiosidad.

Abre estos frameworks y verás que casi todo son ficheros Markdown, o scripts que encadenan fases y estados: producto, especificación, diseño, implementación, verificación. No son sistemas tan complejos. La potencia está en que el modelo interpreta bien lo que hay escrito.

ㅤ

5️⃣ Y acabarás montando el tuyo

Bola de cristal: vas a crear tu propio framework y muchos estáis a punto sin saberlo. Porque es facilísimo y porque con la IA es muy barato equivocarse. Antes el miedo era perder un mes de tu vida. Ahora pierdes 15 minutos.

Haz la prueba hoy:

Hazme un framework SDD que se llame Pepito Piscinas, con habilidades parecidas a las de OpenSpec, pero que le dé una vuelta de tuerca leyendo los fallos principales de ese sistema en su repositorio de GitHub.

ㅤ

⚠️ Y pruébalo de verdad, porque la IA siempre te dirá que ha quedado guachi. Quiere contentarte. Es el efecto Big Mac: saciante y con ganas de repetir..

Ahora estoy con SpecKit y preparo un curso, porque es más extensible y tiene a GitHub detrás. Con el truco de meterle modelos gratuitos (OX Alpha, GLM 5.3 Flash, Muse de Meta) y ver que los resultados no están mal.

ㅤ

ㅤ

ㅤ

💊 Recursos a tutiplén

🤖 IA PRÁCTICA

Cómo quitar el watermark o marca de agua de Claude

La marca de agua de Claude no son caracteres invisibles: se teje al generar el texto. Ojo porque hay mucha promesa viral y el sistema es más complejo de lo que parece.

‎

🔰 PARA APRENDER

Aprende Git practicando dentro de tu propio editor

GitByBit te va soltando instrucciones cortas y tú ejecutas los comandos de verdad en tu terminal. Si te equivocas, te dice qué ha pasado y cómo salir del lío. Lecciones en español y con parte gratuita.

‎

🔌 SKILLS

Borra las muletillas de la IA

Stop-slop es una skill que recopila las frases, los arranques y los tics de estructura que aparecen una y otra vez en lo que escriben los modelos. Le pasas un texto y te lo puntúa en cinco cosas: si va al grano, si el ritmo varía, si respeta al lector, si suena humano y si sobra algo.

‎

🔌 SKILLS

Tus agentes usarán tu navegador sin que dejes de trabajar

BrowserSkill deja que Cursor, Claude Code o Codex trabajen con las webs donde ya estás identificado, sin cuentas de prueba ni logins nuevos. Lo hacen en una ventana aparte, así que tú sigues navegando tranquilo. Y cuando aparece un captcha o una confirmación, te pasa el turno a ti.

‎

😎 PARA FARDAR

Petdex, añade una mascota a tu agente de código

Petdex es una galería de bichos animados instalados con un comando que aparecen en el escritorio acompañando a Codex, Claude Code... Una nutria bebiendo bubble tea, una araña detective con gabardina, un robot amarillo con pinzas. No sé si servirá para mucho, pero quien no quiere ver una capibara feliz de vez en cuando.

‎

🛠 HERRAMIENTAS

Un rm -rf en la carpeta que no era ahora se puede deshacer

Undo se queda vigilando cada comando que ejecutas y guarda lo que se destruye antes de que desaparezca. Escribes una palabra y todo vuelve a su sitio, aunque el borrado ocurriera dentro de un script.

‎

🛠 HERRAMIENTAS

Convierte cualquier documento en Markdown

Anydoc traga Word, PowerPoint, Excel, PDF y formatos viejunos de 2003, y saca Markdown limpio con sus tablas y sus notas al pie. La conversión ocurre dentro de tu navegador, así que el fichero no viaja a ningún servidor.

‎

🎢 CARRERA PROFESIONAL

El manual de los managers de Basecamp, abierto a todo el mundo

La gente de 37signals ha publicado lo que le entregan a cualquiera que empieza a llevar personas: qué se espera de un mánager, cómo entienden ellos liderar un equipo y cómo compaginarlo con seguir currando.

‎

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

Zoneless, pasarela de pagos sin pasar por Stripe

Checkout, suscripciones y pagos a vendedores con una API calcada a la de Stripe, así que el código te va a sonar. Cobra en USDC (stable coin) y no se lleva comisión.

‎

⚡️ ASOMBROSICO

Precioso viaje de un mensaje desde tu wifi hasta el otro lado del océano

Un artículo largo y lleno de simuladores donde tocas tú: el telégrafo, los paquetes, el handshake del módem, el DNS, el candado del navegador. Empieza en dos latas unidas por un hilo y termina explicando por qué una web tarda en cargar aunque tengas fibra.

‎

🛠 HERRAMIENTAS

TermDOM, una web dentro de la terminal

Escribes HTML y CSS normales y aparecen pintados en la consola, sus formularios y hasta selección de texto con el ratón. Los eventos de teclado funcionan igual que en el navegador, así que puedes montarte un explorador de ficheros en doscientas líneas.

‎

🎨 PLANTILLAS

Opensource UI, más de 100 componentes listos para copiar

Los abres, ves la vista previa, copias el código y a tu proyecto. React, Next, TypeScript y Tailwind, con licencia MIT para usar también en proyectos comerciales.

‎

🎨 PLANTILLAS

Más de 900 sonidos gratis y sin licencias raras

UI SFX cubre decenas de iteraciones (pulsar, enviar, error, cargando) en varios estilos, del más discreto al más arcade. Puedes generarlos en el navegador o descargarte los ficheros para una app, un juego o lo que quieras. Licencia CC0, o sea, barra libre.

ㅤ

El recurso más popular de la publicación anterior fue…

🚀 Un experto en UI/UX para tu agente de IA

ㅤ

ㅤ

PD: Ten el valor de decirme a la cara que no te molaría todo que te llegara este PC en miniatura mañana mismo.

Nota: Este contenido ha sido creado con ayuda de la IA a partir de grabaciones y redacciones hechas por seres humanos.

#395

ㅤ

¿Tu equipo se pierde con la IA? ¿Funden tokens sin sentido y sin resultados?

👀 Ojo, que la AI Act obliga en España a las empresas a formar a sus trabajadores en IA: aquí te lo cuento.

Lo he visto muchas veces y sé que genera confusión. Todo el mundo dice que la tienes que usar pero luego no pasas del “modo chatgpt”. Tengo un método sin palabrejas raras para poner a punto la IA en tu equipo de desarrollo.

— Conoce el método y agenda una cita

ㅤ

Aprende a programar con IA rodeado de developers inquietos

Guías, masterclass y audios creados por humanos para humanos. Aprende herramientas de nuestro tiempo, rodéate de personas que están donde te gustaría estar y rebaña tus tokens con sentido.

— Entra y conoce lo que ofrecemos en Web Reactiva Premium

‎

No se trata de demostrar cuánta IA sabemos, ni cuántas skills o MCPs metemos a la vez. Vamos a sacar rendimiento en el menor tiempo posible, porque soy muy vago para estas cosas. Y ser vago es una restricción.

ㅤ

👋 Soy Dani de Web Reactiva y esta newsletter llega con un podcast completo que puedes escuchar dándole al play de más arriba en Spotify, en Apple Podcasts o en tu podcatcher de cabecera.

ㅤ

🔎 Afina la fuente y la IA deja de darte morralla

Cada vez menos abro Google. Me voy a ChatGPT y lo uso como buscador especializado.

La clave no es preguntar, es ceñir dónde busca para que los resultados dejan de ser refritos de notas de prensa y empiezan a tener alma.

‎

Aquí hay dos perlas que, si te las llevas, ya amortizas esta lectura 👇

🕐 Están en el audio adjunto, sobre el minuto 6. Dale al play más arriba y escúchame contártelas al oido, como su fueran un secreto.

ㅤ

🧹 Lo mejor no es lo que le pides, es lo que te sugiere

Lancé Claude Code en mi carpeta de usuario tapándome la nariz y le dije tal cual: “tengo el disco a tope, búscame formas de hacer limpieza”.

Y llegó lo que ninguna herramienta de las de siempre me daba: convertir mis audios a un formato que ni conocía (FLAC) y liberar 100 GB, cachés de npm y yarn engordando en la sombra, modelos de lenguaje olvidados en carpetas escondidas.

💡 La IA no solo ejecuta: detecta lo que no sabías preguntar. Claro, luego llegan y GPT hackea HuggingFace.

ㅤ

🧤 Invierte una vez para forjarte el guante de hierro

Era mi regla: montar la herramienta de automatización cuesta más tiempo del que tardaría en hacer la tarea. Así que no hacía nada. Las cosas han cambiado.‎

Mi demonio son las facturas (hola, vida de autónomo): le enseñé a leer mis documentos, generar las del trimestre con sus excepciones y dejar los PDF en su carpeta utilizando FacturaScripts de por medio.

Y el mismo truco vale para recuperar el detalle humano que la vida te hace abandonar: una app local para mandar audios de bienvenida por email (con Resend) en vez de los 200 pasos de antes.

💡 Si hay tramo de compensación, hazlo. Sufres una tarde, disfrutas para siempre.

👉 Además, gota a gota, llegarás a workflows tan complejos como este que tengo ahora.

🎙️ Háblale a la IA, no le escribas

Cuando hablas, las ideas salen desordenadas, en bruto. Y ordenar el desorden es justo lo que mejor hacen los LLM. Se lo cantas y ellos lo peinan.

‎

Tengo un “AudioStudio” con Whisper en local que me saca transcripción y un “VideoStudio” donde edito el vídeo hablándole a la IA mientras grabo: “esto quítalo”, “aquí mete una presentación”. Hasta me avisó ella sola de un gazapo: mi inglés de la montaña convierte “Claude Code” en “Cloud Code”, y se montó la corrección dentro de la skill.

💡 La voz es tu mejor prompt.

ㅤ

✨ La palabra mágica es “insights”

Datos, datos, datos: la compra, tus pasos, el tráfico de una web, los logs. Cuando no son críticos, le pides que extraiga insights y empieza a encontrar patrones ocultos que se te escapaban.

Lo probé con SEO: cruzó las visitas con Search Console y me señaló oportunidades que desperdiciaba sin enterarme. Herramientas que antes costaban una pasta, ahora charlando contigo (gratis no, que te cuesta tokens).

ㅤㅤ

🤯 Lo que ayer parecía de locos, hoy lo montas tú

Ahora ando con dos cosas que pensé no llegar nunca: un wiki de conocimiento de todo Web Reactiva que crece solo (estrategia del LLM wiki de Karpathy) y un sistema que descarga podcasts en otros idiomas, los transcribe y me saca lo relevante.

💡 La frontera de “esto es una locura” se mueve cada mes. Ahora te toca empujarla a ti.

ㅤㅤ

ㅤ

ㅤ

💊 Recursos a tutiplén

‎ㅤ

🔌 SKILLS

Un experto en UI/UX para tu agente de IA

Una base de datos consultable de estilos de UI, paletas de color, parejas de fuentes, tipos de gráficos y buenas prácticas de UX, empaquetada como skill para que Claude Code deje de generar interfaces sosas.

‎

😲 CURIOSO

Esconde mensajes a plena vista con Steganographr

Un truco que ya usa Claude. Camufla un texto dentro de otro usando caracteres invisibles de ancho cero. A simple vista no hay nada raro, pero el mensaje oculto viaja ahí escondido.

‎

⚡️ ASOMBROSICO

Demuestra lo que sabes hacer en tu CV sin saltarte el NDA

Redential convierte ese trabajo privado que no puedes enseñar en una credencial verificable que prueba lo que eres capaz de construir. Una forma de que las empresas confíen en ti más que con un CV al uso.

Ojo que esta me hubiera gustado crearla a mi ;)

‎

😎 PARA FARDAR

WorldMonitor, las noticias en tu propio dashboard

Un mapa en directo que junta las señales del mundo (barcos, aviones, sirenas, cables submarinos, mercados) y una IA que te avisa cuando varias empiezan a coincidir. Es gratis, sin registro, open source y hasta trae MCP para conectarlo a tu agente de IA. Salió en WIRED y lo usan más de dos millones de personas.

‎

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

Con OpenSEO tiemblan Semrush y Ahrefs

Todo ese análisis SEO que pagas caro en las herramientas de siempre, aquí en un proyecto de código abierto que te montas tú mismo. Demasiado bonito para ser todo cierto: hace falta una llave de DataForSEO para que funcione.

‎

🤖 IA PRÁCTICA

Notion as Code, toca tu espacio de trabajo con código

Explicamos en el blog como Notion lanza un SDK de TypeScript y una API declarativa para crear y actualizar tu espacio de Notion de golpe, desde el código. Con ejemplos, resource IDs y deploy explicados paso a paso.

‎

Dale internet a tu agente de IA, gratis y en local con wigolo

Permite que tu agente de programación busque, navegue e investigue por la web a través de MCP. Lo mejor: funciona en tu equipo, sin claves de API, sin nube y sin pagar nada por consulta. Está en beta pública.

‎

🛠 HERRAMIENTAS

SmoothCSV, para editar CSV sin sufrir

Una app (Win, Mac, Linux) cómoda para abrir y editar ficheros CSV sin tener que pelearte con una hoja de cálculo gigante ni abrir Excel para cuatro filas.

‎

🤖 IA PRÁCTICA

Lecciones de un dev que hizo una app para compartir coche con su familia

Mendel Greenberg construyó OurCar con Flutter para hacer el “car-sharing” con los de casa. Cómo empezar, gestionar el feedback de tus usuarios (que además son tu mujer y tu padre), y decidir entre lo que tú querías hacer y lo que te piden.

‎

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

Móntate tus despliegues self-hosted con Openship

Una plataforma de despliegue que corre en tu propia infraestructura para llevar tus aplicaciones a producción sin depender de servicios de terceros.

👉 Te contamos cómo se instala OpenShip en español

‎

🛠 HERRAMIENTAS

Canine, Heroku sobre tu propio Kubernetes

Despliega tus apps con un simple git push y la comodidad de Heroku, pero sobre tu propio clúster y a una fracción del precio. Además puedes manejarlo desde Claude Code o Cursor gracias a su MCP. Recomendado por 🧡 Miguel Alanís.

‎

🔰 PARA APRENDER

Cómo montar el grafo de conocimiento para agentes de IA

Cuando trabajas con LLMs sobre un código grande siempre chocas con el mismo muro: la ventana de contexto. Aquí te cuentan cómo manejar esa situación con grafos.

‎

🎨 PLANTILLAS

Blume, convierte markdown en documentación visible

Un generador de documentación open source, primero en markdown y construido sobre Astro y Vite. Rápido y preparado para que la IA lo entienda a la primera.

ㅤ

El recurso más popular de la publicación anterior fue…

🚀 Claude Code Best Practice

ㅤ

ㅤ

PD: La IA nos invade aunque sea en forma de afables abuelos explicando “trucos” de alimentación. Hay que afinar el ojo…

#394

ㅤ

¿Tu equipo se pierde con la IA? ¿Funden tokens sin sentido y sin resultados?

👀 Ojo, que la AI Act obliga en España a las empresas a formar a sus trabajadores en IA: aquí te lo cuento.

Lo he visto muchas veces y sé que genera confusión. Todo el mundo dice que la tienes que usar pero luego no pasas del “modo chatgpt”. Tengo un método sin palabrejas raras para poner a punto la IA en tu equipo de desarrollo.

— Conoce el método y agenda una cita

ㅤ

Aprende a programar con IA rodeado de developers inquietos

Guías, masterclass y audios creados por humanos para humanos. Aprende herramientas de nuestro tiempo, rodéate de personas que están donde te gustaría estar y rebaña tus tokens con sentido.

— Entra y conoce lo que ofrecemos en Web Reactiva Premium

ㅤ

ㅤ

Es productividad. Real. Del doble, del triple, a veces del cuádruple. Medio año para resolver lo que antes nos llevaba un año entero.

No es humo de tuit. Lo siento así trabajando con la IA cada día, y me lo confirmáis los que os habéis sentado conmigo en la consultoría de equipos o los malandriners.

Pero antes de que te vengas arriba: no va solo de gastar tokens. No.

ㅤ

🎧 Soy Dani de Web Reactiva y esta newsletter llega con un podcast completo que puedes escuchar dándole al play de más arriba en Spotify, en Apple Podcasts o en tu podcatcher de cabecera.

ㅤ

🎲 Atrévete a equivocarte (ahora sale barato)

Ese proyecto que siempre tuviste en la cabeza, esa prueba de concepto, ese POC que nunca arrancaste porque implicaba encerrarte semanas.

Ya no.

Equivocarse es más barato. Y acertar también. No te exige ese esfuerzo de meses montándote algo para luego ver si funciona o se te caen los palos del sombrajo.

¿Mi palanca concreta para romper esa reticencia? Por febrero o marzo decidí darle al agente todos los permisos. El bypass permissions, el dangerously skip permissions. Todos los agentes lo tienen.

Es un riesgo, claro. Pero fue justo lo que me quitó el freno.

ㅤ

ㅤㅤ

🚀 Ponlo en producción, sí o sí

Aquí no ha cambiado nada mi discurso desde que empecé con Web Reactiva.

Hay que poner las cosas en producción. Para usarlas tú en local, o para que otra gente las descargue e instale.

Y hasta esto se ha simplificado: muchas veces llegas, lo instalas en local y ya está. Si hay que subirlo (sobre todo web), tampoco es tan difícil: a un servidor y a correr.

👉 Fíjate hasta dónde llega: hay gente que nunca ha pisado el sector generando apps con IA, subiéndolas a GitHub, y diciéndole a su agente “vete a esta ruta y descárgate esto que me lo quiero instalar”. ¡Chinpum! Instalado.

ㅤ

🎯 Concéntrate en una cosa (no abras mil vías a la vez)

La tentación con la IA es abrir diez frentes al mismo tiempo: varios agentes, varias tareas, varias pestañas. Y acabas gobernando fatal ese barco.

Para mí el salto vino justo de lo contrario: concentrarme en una sola cosa y no estar saltando de vía en vía ni esperando de brazos cruzados a que algo termine.

Ahí ayuda poder controlar al agente en remoto desde el móvil: sigues a lo tuyo y, si tienes que moverte, entras desde el teléfono sin perder la ventana de oportunidad ni quedarte pegado a la pantalla.

Hay mil herramientas para exprimir esto. Reconozco que ni las estoy usando todas. No hace falta dominarlas para empezar a ganar.

ㅤ

ㅤㅤ

🪙 Invierte un poco en tokens

Lo gratis está muy bien hasta que te corta.

Estás ahí tan feliz probando y, de repente, se acabaron los tokens. Te vas a otra plataforma… y también tiene su límite. O el modelo rinde menos de lo que te están vendiendo.

Con una inversión pequeña el juego cambia.

💡 OpenCode Go son unos 5 euros el primer mes, y ahí dentro tienes modelos chinos muy eficientes. No serán los frontera, pero son suficientemente buenos para lo que necesitas.

ㅤ

🧩 Crea tus propias skills (la que más multiplica)

Y aquí está el 4x, el 5x, donde de verdad he sentido el subidón.

Una skill es de lo más sencillo que hay: un fichero SKILL.md en una carpeta concreta, compatible con cualquier agente. No es patrimonio de Claude, aunque lo inventaran ellos.

La gracia: haces una tarea que vas a repetir (por ejemplo, crear una nueva feature del portal Premium) y generas la skill en la propia conversación, sobre la marcha. La próxima vez trabajas una fracción de lo de antes, y con un proceso que tú controlas.

No están escritas a fuego. Son facilísimas de generar. Y si no hubiera llegado a este punto, no estaría hoy contándote esto.

🔑 Si no estás usando skills, te estás perdiendo lo más sencillo y con más poder de todo esto.

En la Premium tienes la guía completa para aprender a crear las tuyas. Por mucho que yo te lo cuente, hasta que no haces una, no eres consciente de su poder.

ㅤ

El pacto humano-IA

Que quede claro: no uso cowork, ni superpowers, ni GSD, ni tengo 25 agentes especializados. Cuando lo he probado, no me he sentido más rápido.

He llegado hasta aquí con tareas no tan complejas y sistemas nada evolucionados. Tu camino puede ser otro; a mí el SDD (Spec Driven Development) me ayudó a entender cómo funciona todo esto (por eso tienes el curso gratuito).

Pero hay un pacto con la IA: la uso hasta cierto punto, y la parte creativa y la voz siguen siendo mías. Que no te lo cuente aquí un clon.

ㅤ

ㅤ

ㅤ

ㅤ

💊 Recursos a tutiplén

🔌 SKILLS

Haz diferente el diseño con Taste Skill

Una skill que quiere evitar que la IA te haga siempre la misma interfaz sosa y del montón. Traen mandos para regular cuánto se atreve con el diseño y funcionan con Cursor, Claude Code, Copilot y compañía.

👉 Analizamos la skill en nuestro blog

‎

🔰 PARA APRENDER

OpenKnowledge, el editor para un segundo cerebro

Una plataforma de conocimiento para agentes: web o app para Mac, edición en tiempo real, todo en Markdown y conectada a cualquier agente vía MCP. Con su formato OKF he creado el Glosario de IA basado en todo lo que hablamos por aquí.

👉 Qué es el OKF y cómo montarlo en tu proyecto

‎

🤖 IA PRÁCTICA

LazyPi deja listo el asistente Pi en un solo comando

Pi es un agente de IA muy minimalista y LazyPi te lo monta entero con un comando y le suma más de 60 extras de la comunidad (temas, memoria, conexiones). Te ahorras la hora de configurarlo a mano.

👉 Nuestra guía de Pi

‎

Que la IA te busque trabajo y te prepare para el puesto

Lo copias, rellenas tu perfil y el agente de IA se encarga del resto: valora si una oferta te encaja, adapta tu CV a cada puesto, te escribe la carta y hasta te prepara la entrevista. Se llama “ai-job-search”.

‎

🎢 CARRERA PROFESIONAL

El code review es donde de verdad aprendes

Swizec aplica la teoría de las restricciones al desarrollo con IA:

1. Tu código no vale nada hasta que llega a producción.

2. La IA te hace teclear más rápido, pero sigues entregando al mismo ritmo.

3. El freno no es escribir código, es revisarlo. Destapa ese cuello de botella y todo se acelera.

4. Revisar código no caza bugs (para eso están los tests): sirve para repartir conocimiento y forzar buenas decisiones de diseño.

Y ojo, que lo explica con dibujos hechos a mano.

‎

🔰 PARA APRENDER

Aprende Git practicando dentro de tu editor

Un curso donde no lees sobre Git: lo usas de verdad en y él te corrige si te equivocas. Ilustrado, con su historia y muy fácil de seguir. El curso base es gratis (hay una parte extra de pago) y sale del autor de Refactoring.Guru.🧡 Gracias a xuaps por descubrirlo.

‎

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

Bramble, el 1Password en local

Guarda tus claves cifradas y en tu propio equipo, sin depender de la nube de nadie. Gratis y abierto.

‎

🌳 BUENAS PRACTICAS

Claude Code Best Practice

Una recopilación (quizás demasiado amplia) de buenas prácticas para dejar de improvisar con Claude Code y sacarle partido de forma seria.

‎

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

Tududi, organiza vida y trabajo sin agobios

Un sitio tranquilo para tus tareas, proyectos y notas, todo junto. Puedes montártelo en tu servidor (es abierto) o usar la versión ya alojada.

‎

🎨 PLANTILLAS

Astryx, el design system open source de Meta

El sistema de diseño que Meta ha cocido durante 8 años en su monorepo (13.000+ apps internas), ahora abierto con licencia MIT. React + StyleX, 150+ componentes accesibles, dark mode y temas intercambiables por variables CSS. Trae CLI y servidor MCP para que un agente lo lea y componga UIs con la misma documentación que tú.

‎

🛠 HERRAMIENTAS

Kage guarda webs para leerlas sin conexión

Hace una copia de cualquier página para consultarla luego offline y sin los añadidos que la ralentizan. Ligera y perfecta para archivar.

‎

⚡️ ASOMBROSICO

Cómo reescribieron Bun en Rust en 1 millón de líneas con IA

El famoso artículo sobre la migración de Bun a Rust del que José Manuel habló en el podcast ya está publicado. Tardaron más en esto que en aceptar una PR de un millón de líneas... eso sí, este trae dibujitos.

👉 Resumen en español de lo más relevante

‎

😎 PARA FARDAR

The IT Crowd enterita y gratis en YouTube

Todos los capítulos de la mítica comedia sobre informáticos, con subtítulos en español. ¿Has probado a apagar y encender de nuevo?

El recurso más popular de la publicación anterior fue…

🚀 Aprende a manejar OpenCode desde cero

ㅤ

ㅤ

PD: Al final inventaron el paraguas volador sin mango que te persigue. Que no, que no es IA, ya no sé si lo prefiero…

#393

ㅤ

¿Tu equipo se pierde con la IA? ¿Funden tokens sin sentido y sin resultados?

👀 Ojo, que la AI Act obliga en España a las empresas a formar a sus trabajadores en IA: aquí te lo cuento.

Lo he visto muchas veces y sé que genera confusión. Todo el mundo dice que la tienes que usar pero luego no pasas del “modo chatgpt”. Tengo un método sin palabrejas raras para poner a punto la IA en tu equipo de desarrollo.

— Conoce el método y agenda una cita

ㅤ

Aprende a programar con IA rodeado de developers inquietos

Guías, masterclass y audios creados por humanos para humanos. Aprende herramientas de nuestro tiempo, rodéate de personas que están donde te gustaría estar y rebaña tus tokens con sentido.

— Entra y conoce lo que ofrecemos en Web Reactiva Premium

Borja Quevedo, desarrollador Android senior, lleva 20 años programando y hoy nos cuenta cómo está trabajando con la IA: genera planes y verifica resultados.

🎧 Soy Dani de Web Reactiva y puedes escuchar tranquilamente nuestra charla pulsando en el play de más arriba en Spotify, en Apple Podcasts o en tu podcatcher de cabecera.

ㅤ

🗺️ Fase 1: el plan

Todo arranca generando un plan. Pero cómo lo genera ha cambiado mucho en pocos meses.

Antes, con Oh My OpenAgent (sobre OpenCode), tenía una armada de agentes especializados con dos subagentes que se encargaban de corregir el plan para que la ejecución no se desviara.

¿El coste?
Sesiones de plan de hasta dos horas a preguntas, y tokens a mansalva. Aprendió a paralelizar con worktrees de Git: mientras un plan se ejecutaba, arrancaba otro.

Ahora, con Claude Code y Opus 4.8, ya no necesita esa batería de agentes, pero se quedó con las ideas y ahora no usa el Plan Mode de Claude.

Genera su propio plan apoyándose en la skill de grill-me, la que te fríe a preguntas.

ㅤ

📓 Los ficheros que registran la deriva

Parte del plan es preparar el terreno para cuando algo se tuerza. Cuando pasa algo raro o hay una deriva en la ejecución, lo va guardando en ficheros de markdown que registran la falta de adherencia al plan, el desvío.

Y no se queda ahí: usa esas notas para mejorar sus propias skills. El sistema aprende de sus propios fallos.

ㅤ

✅ Fase 2: que la IA demuestre que no ha mentido

Así lo combate:

• Un fichero de resultados. Documenta todos los procesos ejecutados durante la implementación.

“Es como que te cuente la historia de la propia IA, de lo que ha hecho.”

• Evidencias reales, no inventadas. Su skill fuerza que, cuando la IA dé algo por terminado, sea porque ha pasado tests en dispositivo de verdad, y lo demuestre con capturas, logs y demás.

“Que te demuestre con hechos reales, no con invenciones.”

• Skills que obligan a revisar. Otras skills fuerzan a la IA a revisar código y a que todo lo que afirme esté verificado, para que no alucine tanto en los resultados.

• Reparto de modelos. Opus 4.8 para lo gordo y baja a Sonnet para los tests y ahorrar tokens.

ㅤ

🧪 La herramienta que multiplica las verificaciones

Lo que en web hacemos con DevTools MCP o Playwright, Borja lo lleva más lejos.

Esta semana montaron una herramienta de línea de comandos que ejecuta todo el código interno de la app sin interfaz gráfica: prueba red, disco y lógica de negocio. Todo, salvo la UI.

• El agente va infinitamente más rápido y lanza miles de pruebas en lo que antes costaba un par.

• De regalo, les destapó violaciones de arquitectura: lógica colada en la capa de la vista. Funciona como “otro linter” sin pretenderlo.

ㅤ

🔍 Cómo verifica lo que es imposible leer

Como las pull requests son enormes han desarrollado un proceso de verificación que tiene tres patas:

1. Confía en los artefactos. Los ficheros de resultados y evidencias son la garantía. “Estas son mis evidencias, te las creas o no es tu problema.”

2. Revisión aleatoria en profundidad. Hace scroll por la PR, elige unos pocos ficheros al azar y esos sí los lee a fondo.

3. Comentarios que enseñan a la IA. Si ve algo mal, deja un comentario en GitHub apuntando a esa parte y le dice a la IA que lo lea. Las memorias de Claude (que hace meses no servían) ahora van puliendo el código “más a nuestro gusto.”

ㅤ

⚔️ Su última skill: agentes que discrepan entre ellos

Borja tiene skills básicas de revisión —de planes y de código—, cada una pidiendo una revisión desde un ángulo distinto.

Y la última las engloba a todas: lanza múltiples agentes orquestados, cada uno con su ángulo y su skill. Cuando se juntan los resultados hay discrepancias entre ellos, lo que puede revelar que algo malo pasó.

💡 Aquí no hay receta universal: “cada uno tiene que adaptar el flujo a lo que le funciona.” Con cada modelo nuevo toca readaptarse.

ㅤ

ㅤ

💊 Recursos a tutiplén

🔌 SKILLS

Ponytail, la skill para ahorrar tokens como si fueras senior

Hay mucha gente perdida buscando la skill de moda que promete ahorrar tokens a cholón. Aquí te cuento qué hay detrás de Ponytail y cómo sacarle partido de verdad porque tiene más cosas de las que parece. Ojo que he comprobado si lo que dicen es verdad.

‎

⚡️ ASOMBROSICO

Haz la compra del Mercadona desde la terminal

Ivor Padilla quería que sus agentes le echaran una mano con la compra, así que montó esta CLI en TypeScript sobre la API privada de Mercadona: perfiles múltiples, búsqueda de productos, gestión del carrito, edición de pedidos en borrador, franjas de entrega.

👉 Cómo se instala y de qué está hecha mercadona-cli en español

‎

😲 CURIOSO

¿Qué avión está pasando ahora mismo por encima de tu casa?

Tinfoil Pigeons te pinta, sobre una pantalla de radar verde fosforito a lo guerra fría, todos los aviones que vuelan sobre ti en este instante. Tocas un blip y te suelta la ficha: tipo de aparato, aerolínea, matrícula y, si consta, origen y destino (los pájaros, eso sí, no son reales ;).

‎

🔌 SKILLS

Convierte cualquier libro técnico en una skill

Compila el libro una sola vez en una skill con su SKILL.md, y tendrás resúmenes por capítulo, glosario y chuletario. Para mejorar resultados solo carga el capítulo que necesitas en cada momento. Soporta PDF, EPUB, DOCX y más, y distingue si el libro es técnico (preserva tablas y bloques de código) o de prosa.

‎

🤖 IA PRÁCTICA

OpenSpec, Spec Kit, BMAD y GSD: ¿qué framework SDD eliges?

Comparo varios frameworks de Spec-Driven Development mirando curva de entrada, ceremonia y casos de uso. Incluye un árbol de decisión para que sepas cuál encaja con tu proyecto sin tener que probarlos todos.

‎

🌳 BUENAS PRACTICAS

La IA no pide menos ingeniería. Pide más disciplina.

Charity Majors (CTO de Honeycomb) traza un paralelismo que escuece y me quedo con estos 4 aprendizajes:

1. El código generado no es el producto final. Es una materialización temporal de lo que entiendes.

2. Si no puedes borrar y regenerar una parte del sistema, quizá el conocimiento importante vive en el sitio equivocado.

3. El contexto, los invariantes, los tests y las evals valen más que las líneas de código.

4. Producción sigue siendo producción. La IA puede escribir rápido, pero la verdad está en lo que ocurre con usuarios reales.

‎

🔰 PARA APRENDER

Aprende a manejar OpenCode desde cero

Un curso libre y a tu ritmo sobre OpenCode. Puede hacerse desde la web o desde el propio agente de IA. No pide cuenta ni recopila datos, y va de la configuración inicial a proyectos reales hasta automatizar el navegador. En inglés.

‎

🛠 HERRAMIENTAS

Tuxedo, tu lista de tareas en la terminal y en texto plano

Una TUI para el formato todo.txt donde cada tarea es una línea de texto plano que puedes editar con lo que quieras. Lo simpático: escribes “pagar el alquiler el día 1 de cada mes” en lenguaje natural y él lo convierte al formato canónico, todo en local y sin IA de por medio.

‎

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

Agent Reach busca en internet sin pagar

Que un agente “pueda entrar a internet” es solo el principio: lo jugoso vive en Twitter, Reddit, YouTube, GitHub, Bilibili o XiaoHongShu, y cada plataforma pone sus barreras. Agent Reach es una capa de capacidades que elige la mejor vía de acceso a cada sitio sin API de pago.

👉 Detalles de cómo funciona en español

‎

🛠 HERRAMIENTAS

Diagramas de arquitectura con mejor pinta que Mermaid

LikeC4 es un lenguaje de modelado inspirado en el modelo C4 y en Structurizr: describes el sistema con un DSL limpio y él genera los diagramas a partir de ese modelo. Como salen del propio código, se mantienen actualizados y te olvidas de la imagen desfasada que nadie vuelve a tocar.

‎

Zo Computer, un ordenador en la nube gobernado por IA

Un paso más allá de OpenClaw o Hermes Agent. Zo es un ordenador cn la inteligencia artificial enchufada en la nube que le da superpoderes para construir cualquier cosa, alojar cualquier cosa y ser dueño de todo. Tiene tier gratuito.

👉 Más detalles sobre Zo

‎

🌳 BUENAS PRACTICAS

Por qué no usa Cloudflare

Javier Casares reconoce que Cloudflare es impresionante y aun así explica con argumentos por qué decide no usarlo en su infraestructura. Es la respuesta larga a la pregunta que le hacen todos cuando ven cómo monta sus cosas. Recomendado por 🧡 Miguel Alanís.

‎

🤖 IA PRÁCTICA

Penpot conecta tu diseño con cualquier agente de IA

Va mucho más allá del “diseño-a-código”: su servidor MCP deja que cualquier agente lea y modifique componentes, estilos y tokens de tus archivos, y en ambas direcciones (diseño ↔ código ↔ documentación). Y es open source.

ㅤ

El recurso más popular de la publicación anterior fue…

🚀 Visual Explainer, crea diagramas HTML para explicar cualquier cosa

ㅤ

ㅤ

PD: ¿Son las 3 furgonetas del mismo tamaño? Es que de verdad que las miro y no lo parecen. Mira la primera respuesta para ver qué pasa.

#392

ㅤ

¿Tu equipo se pierde con la IA? ¿Funden tokens sin sentido y sin resultados?

👀 Ojo, que la AI Act obliga en España a las empresas a formar a sus trabajadores en IA: aquí te lo cuento.

Lo he visto muchas veces y sé que genera confusión. Todo el mundo dice que la tienes que usar pero luego no pasas del “modo chatgpt”. Tengo un método sin palabrejas raras para poner a punto la IA en tu equipo de desarrollo.

— Conoce el método y agenda una cita

ㅤ

Aprende a programar con IA rodeado de developers inquietos

Guías, masterclass y audios creados por humanos para humanos. Aprende herramientas de nuestro tiempo, rodéate de personas que están donde te gustaría estar y rebaña tus tokens con sentido.

— Entra y conoce lo que ofrecemos en Web Reactiva Premium

Ya, alguno dirá, “pues dejas de usar la IA y ya está”.

Ahora no estamos en esas, pero es que el problema es de toda la vida. Las aplicaciones nos hacen cómodos porque nos facilitan la vida. Pero no dependen cien por cien de nosotros y las reglas cambian, literalmente, de un día para otro.

Con José Manuel Gómez, Tech Lead, Arquitecto y AI Ambassador en GFT Technologies, vemos como hacernos lo más agnósticos posibles para empacar rápido nuestras cosas por si toca mudarse.

ㅤ

En el audio de más arriba José Manuel y Dani hablan de las última novedades del mundo de la IA y de cómo enfrentarse a los “sustos”.

Escúchalo en Spotify o Apple Podcasts o en cualquier podcatcher.

ㅤ

1. Estandariza en texto plano

Toda tu configuración acaba siendo markdown. Aprovéchalo: júntalo todo dentro de la carpeta .agents (skills, agentes, reglas).

Si lo haces así, casi todos te lo cogen: Codex, Copilot, OpenCode... Claude Code, puede.

🛟 Truco para Claude: que CLAUDE.md incluya el AGENTS.md con la arroba (@AGENTS.md) y así matas dos pájaros de un tiro.

ㅤ

2. Ten un marco de trabajo, no una herramienta

Lo que de verdad te aísla del modelo es una forma de trabajar que garantice resultados, sea el modelo mejor o peor.

El SDD es una opción interesante a explorar, nos gusta OpenSpec.

ㅤ

Cuatro palabras mágicas que valen en cualquier agente:

• “Grill me” → que te entreviste antes de generar y saque tus asunciones ocultas.

• Tareas atómicas → cortes verticales en vez de una tarea enorme y horizontal.

• “Hazlo con TDD” → le obliga a avanzar por olas pequeñas (cuesta más tokens, pero controlas).

• PRD + ADR → el qué/por qué de negocio y el cómo/por qué de la arquitectura. Adiós al código como subproducto desechable.

• “Handoff” → Te la contamos más abajo

ㅤ

3. Construye tus propias skills

Las skills son un estándar portable: la misma te la llevas a otro agente.

La clave: la IA ya sabe React o TypeScript, no le enseñes el lenguaje. Enséñale la idiosincrasia de tu proyecto, igual que a alguien que entra nuevo al equipo. Sepáralas por funcionalidades y cargan bajo demanda.

💡 El sueño: descargar todas las buenas… y borrarlas para hacerlas tuyas. Ejemplo gratis ya: git commit organizer.

👉 Aprende a cocinar tus propia skills.

ㅤ

4. Apóyate en MCP para traer el mundo real al de las flipadas con IA

El MCP es para acoplar lo que ya existe. José Manuel recomienda tres que le dan buen resultado: Context7 (documentación), Figma (operar sobre el diseño) y Storybook (libro de componentes).

🔥 Y no te quedes solo en los de los demás: hazte los tuyos.

Nosotros lo hicimos para webreactiva.com para buscar en los más de cuatro mil piezas de contenido que hemos atesorado con los años. Un MCP propio convierte cualquier servicio tuyo en una herramienta que el agente entiende, vaya con el agente que vaya.

👉 Crea unMCP desde cero

ㅤ

5. Gestiona la memoria entre sesiones

El acoplamiento más silencioso es la memoria: lo que has hecho o dejado a medias, y que cada herramienta guarda a su manera.

🗒️ Un truco que nos funciona funciona es un documento de handoff.

Antes de cerrar, le pedimos que compacte la conversación en un fichero: centrada en tal cosa, con el estado en el que se queda, qué skills debería usar la siguiente sesión y sin repetir lo que ya le he pasado en otro documento.

ㅤ

6. El lenguaje natural migra por ti

¿Y si toca el salto de verdad?

Aquí está la buena noticia: los agentes de hoy “saben” qué son y qué tienen que hacer, y eso convierte la migración en algo casi trivial.

¿Pasar de Copilot a Claude un proyecto en el que llevas meses peleándote hasta con tu manager? Entras en la herramienta nueva, en ese mismo proyecto, y le sueltas:

Migra todos los ficheros de config de IA de GitHub a lo Claude (o lo que sea).

ㅤ

ㅤ

También hablamos de…

Sí, en el podcast de arriba, ¿por qué no te lo guardas para escucharlo cuando vuelvas del trabajo?

🌐 Web MCP ya en Chrome 149 — el navegador estrena una API para que los agentes usen las herramientas de tu web sin adivinar dónde está cada botón.

☁️ Cloudflare compra VoidZero — tras Astro, ahora se lleva Vite, Rolldown y el toolchain de Evan You.

🍅 Fate, alternativa a TanStack Query — gestiona las peticiones por entidades, no por claves (y rima con tomate).

🐛 El gusano Shai-Hulud devora NPM — robaba tokens de GitHub y NPM autopublicándose en versiones infectadas.

🦀 Bun migra de Zig a Rust — un millón de líneas fusionadas con IA en menos de una semana.

ㅤ

Si te gusta todo esto apoya a Web Reactiva con un sencillo gesto: Pulsa el 🧡 del "me gusta" y nos pondrás en órbita con el algoritmo. 
¡Vital para que siga llegándote las próximas semanas!

ㅤ

ㅤ

💊 Recursos a tutiplén

🔌 SKILLS

Visual Explainer, crea diagramas HTML para explicar cualquier cosa

Skill que detecta cuando el agente va a soltarte una tabla horrible o un diagrama con cajas dibujadas a base de guiones y, en su lugar, genera una página HTML con tipografía decente, temas claro/oscuro, diagramas Mermaid interactivos, y la abre en el navegador.

👉 Todos los detalles de Visual Explainer en español

‎

⚡️ ASOMBROSICO

Maneja Word y Excel con OfficeCLI sin instalar Office

Una herramienta de terminal capaz de leer, editar y automatizar los documentos de Word, Excel y PowePoint. Open source y fácil.

‎

🛠 HERRAMIENTAS

Herdr, terminal múltiple para tus agentes de IA

Imagina tmux, pero diseñado desde cero para vigilar varios agentes de IA a la vez. Herdr te da espacios de trabajo, pestañas y paneles donde ves de un vistazo qué agente trabaja, cuál está bloqueado y cuál ha terminado. Detectas y reconectas sesiones sin que los agentes paren con Claude Code, Codex, opencode y compañía.

‎

Todos los changelogs de tus herramientas en un solo feed

Releasebot reúne en un único sitio cada nota de versión y changelog que publican. Así te enteras de que tu framework o tu navegador han cambiado algo sin perseguir cien blogs distintos. Te avisa por email, RSS, Slack, MCP o incluso n8n, y le mete un resumen rápido a cada entrada.

‎

🌳 BUENAS PRACTICAS

Las leyes no escritas que todo developer debe romper al menos una vez

Anton Zaides nos enlista las que todos hemos aprendido a base de “calambrazos”:

• Primero haz rollback, luego debug

• Un backup no existe hasta que has restaurado desde él

• Siempre odiarás cómo escribiste los logs.

• El código que genera la IA solo vale lo que vale el contexto que le das.

‎

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

Odysseus, el workspace de IA self-hosted del famoso youtuber PewDiePie

PewDiePie soltó esto y reventó GitHub: un workspace de IA self-hosted que corre en tu propio hardware como si fuera un ChatGPT. Con el “Cookbook” escanea tu VRAM y te recomienda e instala con un clic entre más de 270 modelos locales.

‎

🔌 SKILLS

Qué es SkillSpector y cómo escanear la seguridad de tus skills

Aprende a usar SkillSpector, el escáner de NVIDIA que detecta vulnerabilidades en skills de agentes de IA antes de instalarlas.

‎

🛠 HERRAMIENTAS

Detección de emails temporales

Un paquete de npm que responde a una pregunta muy concreta: ¿este email es de un proveedor desechable o es un dominio de verdad? Perfecto para filtrar registros basura, reducir formularios falsos y mantener limpio tu CRM. De Kiko Beats, que de mantener listas y micropaquetes sabe un rato.

‎

🤖 IA PRÁCTICA

Convierte tu repo en un grafo con Graphify

Escribes /graphify en tu agente de IA y te convierte todo el proyecto en un grafo de conocimiento. En lugar de grepear o trocear en chunks como hace el RAG, el asistente recorre relaciones.

‎

Flue, el harness para crear agentes de la familia Astro

Agente = Modelo + Harness. Flue es el framework de TypeScript que te da el mismo “arnés” que usan Claude Code o Codex para construir agentes autónomos de verdad. Lo firma Fred Schott, cofundador de Astro.

👉 Te lo cuento en español aquí

‎

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

Programación visual con flujos con Node-RED

Un clásico que sigue muy vivo: Arrastras nodos que representan dispositivos, APIs y servicios, los conectas en el editor del navegador y despliegas con un clic, todo sobre Node.js. Tiene más de 5.000 nodos y flujos de la comunidad y va igual de fino en una Raspberry Pi que en la nube.

‎

🛠 HERRAMIENTAS

Scrapling, scrapers que sobreviven al rediseño de la web

El dolor eterno del scraping es que cambian el diseño de la web y se te rompen todos los selectores. Scrapling ataca justo eso: aprende de los cambios. Y sabe como manejar anti-bots como Cloudflare Turnstile.

‎

😲 CURIOSO

El minecraft de tu carpeta node_modules

El meme de que node_modules es el objeto más pesado del universo, hecho realidad: un paseo en 3D y primera persona por tus dependencias. Teclas WASD para moverte, ratón para mirar, espacio para volar... y un cartel que te recuerda que el npm install acabó “con 47 vulnerabilidades” ;)

ㅤ

El recurso más popular de la publicación anterior fue…

🚀 El checklist definitivo de lo que toda web debería tener

ㅤ

ㅤ

PD: Trump cierra Fable por peligroso. Y a este lado del mundo Renfe apaga por la noche su web para que descanse el código.

PD bis: Me he hecho un prestocast.

#391

ㅤ

¿Tu equipo se pierde con la IA? ¿Funden tokens sin sentido y sin resultados?

👀 Ojo, que la AI Act obliga en España a las empresas a formar a sus trabajadores en IA: aquí te lo cuento.

Lo he visto muchas veces y sé que genera confusión. Todo el mundo dice que la tienes que usar pero luego no pasas del “modo chatgpt”. Tengo un método sin palabrejas raras para poner a punto la IA en tu equipo de desarrollo.

— Conoce el método y agenda una cita

ㅤ

Aprende a programar con IA rodeado de developers inquietos

Guías, masterclass y audios creados por humanos para humanos. Aprende herramientas de nuestro tiempo, rodéate de personas que están donde te gustaría estar y rebaña tus tokens con sentido.

— Entra y conoce lo que ofrecemos en Web Reactiva Premium

ㅤ

Estoy convencido que esa pregunta se ha hecho en las últimas horas unas cuantas veces en varias partes del mundo.

Alguno te diría “VAS TARDE”. Y yo que “nunca es demasiado tarde” ;)

Soy Dani de Web Reactiva y hoy voy a darlo todo para intentar dar respuesta a esa pregunta. Estrenamos formato.

Si tú ya estás a tope con la IA, pásale esto a esa persona que conoces que no lo tiene tan claro y se siente atascado. Algo seguro que le apañará 🧡

Compartir

ㅤㅤ

Te planteo la respuesta en dos formatos:

1. La de siempre: El episodio que acompaña este envío (arriba tienes el play) y también en 🟢 Spotify o 🟣 Apple Podcasts o en cualquier podcatcher.

2. Con la Guía interactiva de la nueva sección de cursos gratis de Web Reactiva, donde conseguirás un kit descargable y un aprendizaje sano, sin tanto FOMO.

ㅤ

— Pero, ¿me harás un resumen ahora?

Contarlo en 17 pasos o en una hora y poco ya es un buen corte, me dejo cosas en el tintero.

Además esto es hoy, a punto de entrar en verano de 2026. Quizás en dos tardes alguien presente una auténtica revolución y todo marchite.

Aunque creo que eso no va a pasar tanto. Ya hay conceptos consolidadas en esto de los modelos del lenguaje, LLM, claudios y tokens.

Empezamos con un proyecto que tengas en la cabeza. En la guía te propongo dos opciones pero puedes lanzarte con la tuya.

ㅤ

Primero vamos a elegir las herramientas de trabajo.

El modelo LLM, el agente de IA y si tienes presupuesto o quieres probar gratis.

Lo sé, es la cosa que más echa para atrás. Nuevas herramientas, desembolso económico (por pequeño que sea), múltiples opciones.

Descubrirás las mías, aunque te hago espoiler: OpenCode para empezar y una suscripción asequible como la de OpenCode Go o la de ChatGPT.

ㅤ

Segundo, poner las manos sobre el teclado.

Ya habrás chateado con el gepeto de turno: los free de duck.ai, o el ChatGPT o cualquier bot de esos que no salen por todas partes.

Lo que habrás notado es que “te falta método”.

Y eso nos servirá para ponernos en acción, aprender conceptos como el de la ventana de contexto y descubrir características comunes de los agentes de IA y de los modelos. Sí, uno de ellos está claro: La IA miente.

Tercero, ensanchar el conocimiento

Lo más complicado de ver vídeos de YouTube o Tiktok con herramientas mágicas que te sustituyen no es aguantar hasta el final, es entender todo lo que pasa allí.

Esas personas se han pegado con las medias verdades de Claude o el peloteo de Gemini. No todos lo cuentan en su contenido.

En el proceso te encontrarás con conceptos nuevos como skills, MCP, ficheros de configuración, SDD…

👉 Al final de la guía encontrarás un descargable con recursos, checklist y una buena tabla de conceptos explicados “a mi manera” que espero te ayuden a ti (o a quien tú quieras) a entender mejor como es esto de la IA.

ㅤ

— Y esta Guía interactiva, ¿cómo la has creado?

Gracias a una skill propia que convierte un podcast en un aprendizaje que trata de contar una historia y alimentar tu curiosidad para que sigas aprendiendo.

No solo ha sido lanzar a la IA a generar botones, hay que refinar el proceso y adaptarlo al ser humano.

Confieso: Estoy empezando a montar algo nuevo en torno a las habilidades para agentes de IA. Atento que pronto contaré más. 😉

ㅤ

¿Sabes ya cocinar tus propias habilidades para ser más productivo con la IA?

Quizás te haya pasado algo de esto la última semana:

✅ Te descargas skills que no sabes lo que realmente hacen.

✅ Le pegas el mismo bloque de instrucciones a tu agente más de una vez por semana.

✅ Cada vez que arrancas un proyecto repites un setup técnico idéntico al anterior cambiando la config.

Entonces tienes que ver esto:

Aprende a crear skills como lo hago yo

ㅤ

💊 Recursos a tutiplén

🔌 SKILLS

Politenizer: convierte tu cabreo en una crítica constructiva

Evita problemas, malos rollos y calentones que acaban en polémicas. Publicamos en Web Reactiva una skill en abierto para convertir en más “polite” cualquier exabrupto que salga de tu bandeja de entrada. Tres formatos predefinidos: Diplomático, profesional y formal.

Funciona con cualquier agente de IA.

👉 ¿Quieres ser más productivo con skills? Consigue las tuyas en nuestro /skills.

‎

😎 PARA FARDAR

Gasta menos tokens adelgazando los comandos

Lowfat limpia el ruido de la salida de cualquier comando antes de que tu agente la lea, así que gastas menos tokens sin perder lo importante. Más fácil que con los proxys.

‎

🔰 PARA APRENDER

Tu primer agente de IA en TypeScript con Mastra

Tutorial paso a paso para montar tu primer agente con Mastra, un framework que incluye todo lo que necesitas para crear agentes fiables. Con código real que puedes copiar.

Web oficial de Mastra

‎

⚡️ ASOMBROSICO

Un editor de Word open source para tu app

Un editor WYSIWYG de docx para React y Vue que respeta el formato con control de cambios y colaboración en tiempo real. Editas el documento real con su formato intacto. Y viene listo para agentes, con servidor MCP incluido, así que puedes dejar que la IA modifique documentos por ti.

‎

🌳 BUENAS PRACTICAS

Localiza las dependencias absurdas que no necesitas

Librerías npm para calcular si un número es par o impar o para añadir espacios en blanco. Con Replacements FYI descubrirás usos nativos que no necesitan de frameworks.

‎

🤖 IA PRÁCTICA

754 skills de ciberseguridad para tu agente

Repaso a un repo open source con 754 skills de ciberseguridad listas para Claude Code, Codex y OpenCode.

‎

🎢 CARRERA PROFESIONAL

La mentira que esconde toda estimación

La falsa certeza empieza cuando le pedimos a una predicción endeble que sustituya a la dirección, la visibilidad y la confianza. Emmanuel Valverde desmonta por qué exigir estimaciones precisas hace más daño que bien y qué poner en su lugar.

Compartido por 🧡 Marcos.

‎

🌳 BUENAS PRACTICAS

El checklist definitivo de lo que toda web debería tener

Se llama Specification y reúne en un solo sitio, agnóstico de plataforma, las 128 cosas que una web decente debería cumplir: desde el <title> y el security.txt hasta el contraste WCAG o el llms.txt.

‎

🛠 HERRAMIENTAS

El jq de markdown se llama mq

Te deja filtrar, mapear y transformar ficheros Markdown desde la terminal con una sintaxis calcada a la de jq. Brilla especialmente en flujos con LLMs, donde el Markdown es el formato rey para entradas y salidas.

‎

DiffsHub, cambia “github” por “diffshub” en la URL y a ver diff

Cualquier PR, commit o comparativa pública de GitHub la cargas en una interfaz que aguanta hasta un diff de millones de líneas como el de la v6 y v7 del kernel de Linux.

‎

😲 CURIOSO

Cómo funciona un reloj mecánico, pieza a pieza

Bartosz Ciechanowski construye un reloj mecánico desde cero con más de 100 animaciones interactivas que mueves tú mismo: muelle, tren de engranajes, escape, volante... Y lo flipante es que lo programó a mano, sin frameworks ni librerías.

‎

🎨 PLANTILLAS

Librería de plantillas HTML para presentaciones bonitas

Más de 30 plantillas HTML pensadas para que cualquier agente de código elija la adecuada y te monte una presentación con buen gusto sin que tengas que tocar el CSS. Evita que se parezcan a todas las demás.

ㅤ

El recurso más popular de la publicación anterior fue…

🚀 Files.md, un rincón privado y silencioso para pensar en markdown

ㅤ

ㅤ

PD: Pastoreando vacas sin cercas. Las vallas son un pequeño dispositivo por animal y ya tenemos montado el Cowgorith. Es en serio, chavales.

PD bis: Me he hecho un prestocast.

#390

ㅤ

¿Tu equipo se pierde con la IA? ¿Funden tokens sin sentido y sin resultados?

👀 Ojo, que la AI Act obliga en España a las empresas a formar a sus trabajadores en IA: aquí te lo cuento.

Lo he visto muchas veces y sé que genera confusión. Todo el mundo dice que la tienes que usar pero luego no pasas del “modo chatgpt”. Tengo un método sin palabrejas raras para poner a punto la IA en tu equipo de desarrollo.

— Conoce el método y agenda una cita

ㅤ

Aprende a programar con IA rodeado de developers inquietos

Guías, masterclass y audios creados por humanos para humanos. Aprende herramientas de nuestro tiempo, rodéate de personas que están donde te gustaría estar y rebaña tus tokens con sentido.

— Entra y conoce lo que ofrecemos en Web Reactiva Premium

Pero lo que pasa en las trincheras —proyectos reales, con clientes que pagan y código que tiene que llegar a producción— es otra historia.

Soy Dani de Web Reactiva y en este envío hablamos de métodos de productividad concretos, herramientas, precios reales por mes y los errores típicos al montar todo esto.

Escúchalo en 🟢 Spotify o 🟣 Apple Podcasts o en cualquier podcatcher.

Robert Menetray es nuestro invitado y es quien firma esa frase. Dio el salto al freelance en plena pandemia y se especializó en Drupal, backend y frontend.

Escribe en menetray.com y acaba de lanzar DruScan, un SaaS para auditar webs Drupal con alertas de seguridad y dashboards que se comparten con los clientes.ㅤ

ㅤ

1️⃣ Tú apruebas, no la IA

Bloquea que la IA haga commit automáticamente. El cliente te paga por calidad mínima asegurada. Si dejas que firme por ti, vas a publicar código que ni siquiera has mirado.

🔧 Revisa en diagonal lo mecánico, y a fondo lo que tiene lógica de negocio.

ㅤ

2️⃣ Cómo llevarle la contraria a la IA para que lo haga mejor

Cuando un trozo de código no te convence, no le preguntes a la misma IA si está bien. Te va a decir que sí.

Copia el código, ábrete una conversación en otro modelo distinto y suéltale:

“Un compañero de trabajo me ha dicho esto. Búscale las pegas.”

🔥 Clave: no le digas nunca que el código lo generó una IA. Los modelos tienden a defender lo que generó su primo hermano. Cada uno barre para su casa.

Otras variantes que funcionan:

• “Actúa como abogado del diablo”.

• “Analiza este código como si fueras Linus Torvalds” (sale su lado más exigente).

ㅤ

3️⃣ Los Loops de Ralph

Un loop de Ralph es un script bash que ejecuta la IA en modo headless (sin interfaz) en bucle, con tareas concretas y validación al final de cada iteración.

👉 En Codex y Claude Code tiene una loop de serie: el comando goal.

¿Por qué interesa?

• La ventana de contexto no crece como una bola de nieve. Cada iteración empieza limpia.

• Sin límite de tiempo. Lo dejas corriendo toda la noche.

• Enganchado a algo determinista (tests, linters, análisis estático), tienes feedback objetivo de si el código mejora o empeora.

🧨 Dónde brilla: cobertura de tests, refactors mecánicos, análisis de código aburrido y auditorías de rendimiento sobre un listado de URLs.

ㅤ

4️⃣ Un sistema multiagente con modelos jerarquizados

En lugar de tirar siempre del modelo más caro:

• 🎓 El juez (modelo top): supervisa al resto y critica las implementaciones.

• 🛠️ El ejecutor (modelo intermedio): pica el código que le pide el juez.

• ✅ El validador (modelo barato): navega la web, ejecuta el código y comprueba que nada se rompe.

Resultado real: pasar de 200 al mes en suscripción a unos 100 + algo de API.

ㅤ

5️⃣ Dictar es mejor que escribir (también para emails)

Los prompts de dos frases son el camino directo a que la IA se invente cosas.

🎤 El truco: dictar un mini-podcast de 5-10 minutos explicando lo que quieres. Objetivo, lo que NO quieres que haga, contexto del proyecto, qué has probado antes…

Cuando hablamos, el flujo de pensamiento es distinto. Aparecen matices que jamás escribirías. La IA lo entiende y el resultado es muchísimo más fino.

📧 También funciona para correos: dictas la respuesta y le pides “rebaja el tono” o “quita tecnicismos” antes de mandarla.

ㅤ

6️⃣ Aislar todo en Docker

Si tu IA tiene acceso a tu máquina host, puede tocar lo que quiera. Robert se preocupa de eso y quiere ejecutar asistentes de código, MCPs y navegadores controlados dentro de contenedores Docker aislados con DDEV.

🧠 Bonus: con esta arquitectura puedes ejecutar varios asistentes en paralelo (uno por contenedor) y compartir configuración entre todos con un volumen montado.

ㅤ

7️⃣ Tareas recurrentes y agentes especializados

Ya existen gestores de agentes con interfaz tipo Kanban —Multica es el que está usando Robert ahora mismo (enlace en los recursos de abajo 👇)—. Defines una tarea, asignas un agente, programas un horario y se ejecuta solo:

• Cada noche a las 9, revisa si hay updates de seguridad y deja una rama lista para revisar por la mañana.

• Antes de aplicar un parche custom, un agente “librero” rastrea repos y URLs para ver si ese parche ya existe en la comunidad para ahorrar horas de trabajo.

• Para automatizar el navegador Playwright o la alternativa que propone Dani: dev-browser (también en los recursos 👇).

ㅤ

ㅤ

Si has probado la IA y has dicho “esto no me sirve”, no eres el único

El problema casi nunca está en la IA. Está en cómo la usamos.

Sin skills, sin agentes, sin contexto, sin instrucciones específicas… el resultado es flojito. Los que están sacando partido de verdad han invertido tiempo en configurarla. No la usan a pelo.

Todos esos developers tan eficiente dieron el mismo paso: crear skills.

Hemos preparado una guía premium paso a paso para que aprendas a imitar a los más productivos en pocos clis.

👉 Cómo crear tus propias skills

ㅤ

Y si, es verdad, formarse ahora mismo en este sector se hace cuesta arriba. La cosa avanza rápido. Demasiado rápido.

🎁 Así que para compensar te ponemos la matrícula gratis como oferta de lanzamiento. Todo incluido en la suscripción de Web Reactiva Premium.

ㅤ

ㅤ

ㅤ

☕️ Migra todo su stack a Europa

Wimer Hazenberg tiene claro la importancia de la soberanía de los datos y ha hecho un esfuerzo por cambiar de las grandes compañías americanas al suelo europeo.

Datos y privacidad

• 📊 Google Analytics ⭢ Matomo — Datos en servidor propio y GDPR limpio a cambio del mantenimiento por autoalojar Matomo.

• ✉️ Gmail ⭢ Proton Mail — Jurisdicción suiza y cifrado nativo, con filtros más limitados y tope de tres dominios.

• 🔐 1Password ⭢ Proton Pass — Movimiento lateral con cifrado E2E y todo bajo el paraguas de Proton.

Infraestructura cloud

• 🖥️ DigitalOcean ⭢ Scaleway — Plataforma europea bien pensada, con redes privadas a medida y emisiones de CO₂ por región.

• 🪣 AWS S3 ⭢ Scaleway Object Storage — Compatible con S3.

• 💾 Backblaze B2 ⭢ OVHcloud Object Storage — Más barato con reglas de ciclo de vida a almacenamiento frío, aunque el panel es laberíntico.

Servicios de aplicación

• 📨 SendGrid ⭢ Lettermint — Email transaccional europeo sin florituras, con menos analítica e integraciones.

• 🐞 Sentry ⭢ Bugsink — Mismo SDK, una línea de configuración: pierdes performance monitoring y replays.

• 🤖 OpenAI API ⭢ Mistral — Proveedor francés con API capaz y modelos open-weight publicados.

— Lee completo How I Moved My Digital Stack to Europe

ㅤ

ㅤ

💊 Recursos a tutiplén

🔌 SKILLS

Controla tu navegador desde la IA con dev-browser

CLI que conecta tu agente con un navegador real para que verifique en caliente lo que acaba de programar. Las pestañas con nombre persisten entre invocaciones, así no le fallará la memoria.

👉 Puedes verme en vídeo explicando de que va esta movida

‎

😎 PARA FARDAR

GitHub Copilot te costará 5 veces más en Junio

GitHub pasa Copilot a facturación por uso a partir del 1 de junio: los “premium requests” desaparecen y entran los AI Credits. 🧡 José Manuel (y otros de la comunidad malandriner) nos confirma que puedes comprobar como es fácil que el incremento de tu gasto sea un x5.

👉 Cómo migrar de Github Copilot a Claude Code o Codex (en español)

‎

⚡️ ASOMBROSICO

Files.md, un rincón privado y silencioso para pensar en markdown

Una app local-first para tus ficheros .md, sin enviar nada al servidor y con la idea de que las restricciones fomentan la creatividad. Sirve para Zettelkasten, segundo cerebro, diarios o checklists. Zakirullin lleva 5 años construyéndola, ahí es nada.

‎

🤖 IA PRÁCTICA

PAUL es el Spec Driven Development más sencillo

Usa el bucle Plan-Apply-Unify en tus sesiones de Claude Code: cada plan declara criterios de aceptación en Given/When/Then, cada tarea lleva fichero, verificación y “done”, y nada queda abierto hasta pasar por UNIFY.

🧡 Recomendado por David (xuaps) y Dani Pastor

👉 Comparamos PAUL con otro sistema de SDD

‎

🤖 IA PRÁCTICA

Multica, gestiona tu equipo mitad humano mitad agente desde un mismo ‘Trello’

Plataforma open source que mete a tus agentes en el desplegable de “asignar a” junto a tus compañeros humanos: crean issues, comentan, cambian estados y reportan bloqueos por iniciativa propia.

👉 Introducción a Multica

‎

🛠 HERRAMIENTAS

Los LLM locales que funcionarían en tu máquina

Whichllm es un CLI en Python que detecta tu GPU/CPU/RAM y te ranquea modelos open source en función de las capacidades de tu harware para que no tengas experiencia caracol.

‎

Glow, lector de markdown con estilazo en la terminal

Diseñado por los maestros de Charm para sacarle brillo al CLI. Lee ficheros .md locales, desde stdin, desde una URL HTTP o directamente desde un repo de GitHub.

‎

😲 CURIOSO

Qué pasa cuando la IA controla una radio musical

Andon Labs montó cuatro emisoras 24/7 con Claude Opus 4.7, GPT-5.5, Gemini 3.1 Pro y Grok 4.3, les dio 20 dólares y un prompt: “monta tu personalidad de radio y saca beneficios”. Cinco meses después ninguna fue rentable pero puedes escucharlas todas ahora mismo.

‎

🛠 HERRAMIENTAS

API de geolocalización IP con capa gratuita

No te suelta solo un punto en el mapa: te devuelve un polígono con el área donde es probable que esté realmente esa IP.

‎

🔰 PARA APRENDER

Curso gratuito de Harness Engineering para Claude Code y Codex (en español)

Anthropic demostró que con el mismo modelo y el mismo prompt, sin harness gastó 9 dólares y no funcionó nada: con un harness completo gastó 200 dólares pero produjo un juego que se podía jugar. La diferencia no estaba en el modelo sino en el entorno.

‎

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

Forgejo, la forja alternativa a Github

Te da Git hosting, pull requests, tracking de issues, registro de paquetes y un sistema CI compatible con GitHub Actions llamado Forgejo Actions. Funciona en 512MB de RAM y se instala en una Raspberry Pi sin sudar.

‎

🎨 PLANTILLAS

Presenton, la alternativa IA a Power Point

Generador de presentaciones con IA que exporta a PPTX y PDF, con plantillas en HTML y Tailwind para tunearlas a tu gusto. Trae servidor MCP para meterlo en tus flujos.

ㅤ

El recurso más popular de la publicación anterior fue…

🚀 92 prompts de UI listos para copiar y pegar

ㅤ

PD: Ingenio aplicado a la tecnología sin un céntimo gastado en IA: doble cámara sin enchufar 2 cámaras.

#389

ㅤ

¿Tu equipo se pierde con la IA? ¿Funden tokens sin sentido y sin resultados?

Lo he visto muchas veces y sé que genera confusión. Todo el mundo dice que la tienes que usar pero luego no pasas del “modo chatgpt”. Tengo un método sin palabrejas raras para poner a punto la IA en tu equipo de desarrollo.

— Conoce el método y agenda una cita

ㅤ

Aprende a programar con IA rodeado de developers inquietos

Guías, masterclass y audios creados por humanos para humanos. Aprende herramientas de nuestro tiempo, rodéate de personas que están donde te gustaría estar y rebaña tus tokens con sentido.

— Entra y conoce lo que ofrecemos en Web Reactiva Premium

ㅤ

Hemos estado viviendo un sueño de tokens subvencionados en nuestras suscripciones a Copilot, Claude Code y otros.

Y aunque se firmen acuerdos como el de Anthropic con SpaceX para tener más computación, la tendencia parece indicar que usar la IA se encarecerá.

José Manuel nos acompaña hoy para dar juntos una buena pensada a otras formas de pensar en el uso de los agentes de IA para que no nos afecte tanto y aprovechar mejor los recursos.

👋 Soy Dani de Web Reactiva y puedes escuchar nuestra conversación en podcast. Dale al play en Spotify, Apple Podcasts o en cualquier podcatcher.

Más abajo encontrarás recursazos únicos para aumentar tu productividad con skills y aprender a utilizar las herramientas con astucia. Solo tienes que hacer scoll.

Tres grupos de buenas prácticas para plantarle cara

Lo que Dani y José Manuel han ido destilando se puede agrupar en tres bloques temáticos. No hace falta hacerlo todo: cada uno coge lo que le encaje según su contexto.

ㅤ

🎯 Elegir el modelo correcto para cada tarea

“Pisar otra moqueta” de vez en cuando. Ollama ofrece una suscripción de 20 dólares al mes que abre la puerta a usar modelos chinos como Kimi K2.6, DeepSeek V4 Pro o GLM 5.1 dentro de OpenCode (o con el binario de Claude Code).

¿Funcionan bien? Mira más abajo, te comparto una comparativa.

No usar la cubertería de plata para abrir un yogur. Sonnet no es “el modelo barato del montón”, es el segundo mejor de Anthropic. Resuelve la inmensa mayoría de las tareas sin alucinar y, lo más importante, te alarga la semana brutalmente. Reservar Opus para cuando de verdad lo necesitas es el primer ejercicio de responsabilidad.

Lo caro para planificar, lo barato para implementar. Hace unos meses esto era práctica común: Opus para hacer el plan, Sonnet para ejecutarlo. O un modelo razonador para explorar y uno más barato para escribir el código.

JM lo aplica en quieroformarme.com y nos recuerda lo que decía Feynman, “lo que no puedo crear, no lo puedo entender”. Si forzamos al modelo a entender el problema antes de escribir la solución, gastamos menos tokens corrigiendo después.

Abstraerse de la herramienta concreta. Cuanto más vinculado estés a un único producto, peor lo vas a pasar cuando cambien las reglas del juego. Open Code es open source y te permite cambiar de modelo y proveedor casi sin límite (a Anthropic no le gusta mucho que lo hagas).

💡 En Open Code hay incluso un modelo gratuito que viene con la cuenta de Zen, BigPickle (sí, “pepinillo gordo”) y que merece la pena descubrir.

ㅤ

🧩 Reducir el alcance de cada petición

Si vamos a usar modelos menos potentes, hay que trocear más finamente lo que les pedimos.

Desarrollo por “olas” con el principio SRP de SOLID. Prohibido pedir funcionalidades completas. Cada interacción con la IA debe tener una única responsabilidad: una ola = una función completa. Es el mismo SRP de toda la vida, aplicado a cómo redactas el prompt.

Iteraciones pequeñas estilo Elephant Carpaccio. Para no saturar la memoria del modelo, troceas el desarrollo en pasos microscópicos. En vez de pasarle el contexto de toda la aplicación, le pasas únicamente la pieza aislada que tiene que tocar.

🔧 Trabajar con arquitecturas fragmentadas (como en los microfrontends donde el enrutamiento y las dependencias ya están contenidos) es ideal para esto: el contexto que necesita la IA es mínimo y los errores se aíslan solos.

ㅤ

🛡️ Construir redes deterministas que atrapen los errores

Aquí es donde las buenas prácticas pasan a estrategias de supervivencia, como dice José Manuel. Si no puedes confiar en que el modelo siempre acierte, automatiza la verificación.

TDD y Quality Gates de integración como director de orquesta. Tests pequeñitos pegados a funciones pequeñas. Es el QA con esteroides en la era de la IA. Nunca un test de integración estuvo más valorado.

Linters deterministas contra el sesgo de entrenamiento. Los modelos se han entrenado con toneladas de código mediocre de internet. Para que no te reproduzcan malas prácticas, impón reglas estrictas que fallen de forma determinista.

Por ejemplo: una regla que bloquee el pipeline si la IA abusa de los useEffect en React, o que fuerce las convenciones de naming del equipo.

Análisis estático implacable. Las IA menos capaces tienden a repetir lógica o a saltarse los límites de tu Clean Architecture. Integra analizadores estáticos (SonarQube y compañía) que detecten código no usado, duplicación, complejidad ciclomática excesiva y, sobre todo, violaciones entre capas de tu arquitectura.

Observabilidad intencional innegociable. Que el código generado incluya trazas y logs estratégicos. Si esto se omite, resolver un error en producción de un código que no has escrito tú es imposible.

Integración continua como barrera final. Ninguna de las medidas anteriores sirve si depende de la buena voluntad del developer. Todos los gates de calidad, el análisis estático y los linters deben estar automatizados en el pipeline. Si la IA genera algo que rompe las reglas, el CI rechaza la integración sin debate.

ㅤ

Colofón

Hay mucho ruido por ahí. Vídeos diciendo que volvemos a la edad de piedra, que se acabó la IA, que toca hacerse agricultor en el pinar.

Calma.

Toca pensar más antes de lanzar peticiones, elegir mejor qué modelo usar para cada cosa y volver a unas buenas prácticas que, francamente, nunca dejaron de ser buenas prácticas.

Y los modelos open source no se van a ningún lado. Qwen, DeepSeek, GLM, Mistral, Gemma… ahí están. Tarde o temprano serán como la luz: un servicio que pagas, sí, pero que no se corta.

A no ser que haya apagón, ¿verdad? ;)

ㅤ

Y además, en el podcast:

El Rincón Reactionario de José Manuel viene cargadito:

• 💸 El drama de Vercel en Quieroformarme.com: las caches de ISR disparadas, los robots chinos atacando, el firewall por país y por qué los builds de Vercel están carísimos por defecto (spoiler: se puede bajar de tier sin notarlo).

• ⚛️ TanStack Start ya tiene server functions: la pieza que le faltaba al framework para competir de verdad con Next. Y Railway ya se ha migrado.

• 🦀 El compilador de React reescrito en Rust: 10x más rápido, una PR de 330 commits y la mayoría escrita por IA. ¿De cuál? No lo dicen.

Dani sigue experimentando:

• 🎨 Claude Design: probado a fondo y... ¡meh!. No sustituye a Figma, gasta tokens a cholón y no respeta el sistema de diseño que le pasas.

• 🤖 Open Claw (sí, con W): el superagente orquestador que prometía hacerte el trabajo y de momento solo da más trabajo.

ㅤ

Francesc Box vive en la Sierra de Cameros y trabaja desde el corazón de La Rioja sin presupuestos de ciudad. Si conoces a alguien en la comarca con ganas de afrontar la transformación digital de su negocio, Francesc está allí mismo, en camerosdigital.com

🧡 Gracias a Paco Caja por revelarme que los enlaces al podcast no funcionaban.

ㅤ

💊 Recursos a tutiplén

🔌 SKILLS

Superpowers, una metodología completa para tu agente de IA

Estas skills automatizan flujos de trabajo profesionales como TDD (desarrollo dirigido por tests), planificación, depuración y revisión de código.

👉 Mira en español como funciona superpowers

‎

⚡️ ASOMBROSICO

Controla NotebookLM desde la terminal

Una app tan gratis como maravillosa de Google no podía quedarse sin un CLI aunque sea no oficial. Genera pódcast, presentaciones, mapas mentales o flashcards desde Python o desde Claude Code, Codex u OpenCode.

‎

🎢 CARRERA PROFESIONAL

El superpoder de preguntar como un idiota

Luminousmen defiende que la mayoría de fallos en ingeniería ocurren porque alguien tuvo miedo a parecer tonto.
Cuatro preguntas idiotas pueden ahorrarte semanas de trabajo:

• ¿Qué pasa cuando falla?

• ¿Cómo sabemos si está funcionando bien?

• ¿Cuándo sabemos que está bien?

• ¿Puedes enseñarme un ejemplo?

‎

🛠 HERRAMIENTAS

Convierte un canal público de Telegram en feed RSS

Pegas el handle del canal (sin @), copias la URL que te genera y la metes en tu lector de RSS favorito. Sin registro, sin API key, sin pelearte con la Bot API de Telegram.

‎

🔌 SKILLS

Genera vídeos con HTML gracias a Hyperframes

Aunque no tengas ni idea de crear vídeos te explico con un ejemplo como crear vídeos con bonitos efectos y más orientados a sacar provecho de las skills oficiales con la IA.

‎

🎢 CARRERA PROFESIONAL

Adiós Mac, hola Chromebook (versión developer)

John Ozbay cuenta cómo huyó del Liquid Glass de Apple al Lenovo Chromebook Plus 14. El procesador MediaTek/ARM aguanta 10-12h de batería, el trackpad le parece gusta como el de Apple y disfruta con las apps.

‎

🤖 IA PRÁCTICA

Comparativa: Kimi K2.6 vs DeepSeek vs GLM-5.1 en Ollama Cloud

Los modelos chinos ya son una alternativa para muchas tareas y Ollama Cloud es una suscripción donde tienes la posibilidad de usarlos más allá de la instalación local.

‎

😎 PARA FARDAR

Devrage cuenta cuántas veces le has “faltado” a tu agente

Una CLI de TypeScript con SQLite que registra cada palabrota, exabrupto o “¡¡no borres eso!!” que sueltas mientras estás con Claude Code, Cursor o Codex.

‎

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

Keychron libera el diseño industrial de sus teclados y ratones

Más de 100 modelos con archivos CAD en STEP, DXF, DWG y PDF. Sirve para imprimir en 3D una funda, diseñar plates compatibles, accesorios o solo para curiosear cómo está hecho un teclado de verdad.

‎

😲 CURIOSO

¿Qué pasa si instalas las 84.000 extensiones de Firefox a la vez?

Amplio tutorial con estadísticas curiosas: el 76% son open source, el 34% no tiene ningún usuario diario, y un 19% son extensiones fantasma sin reseñas, capturas ni icono. Raro.

‎

🔰 PARA APRENDER

Un AI-Harness en 400 líneas de código

El Harness Engineering comienza por experimentos como pu.sh. 200MB de Claude Code frente a 37KB (sí, kilobytes) .

👉 Analizamos cómo está hecho para aprender la arquitectura

‎

🤖 IA PRÁCTICA

OneCLI, esconde las API keys a tus agentes

Limitar el acceso a las claves es una buena práctica para estar más seguros y con el cifrado de OneCLI dejas a los LLM con las manos fuera de los secretos.

‎

🎨 PLANTILLAS

92 prompts de UI listos para copiar y pegar

Los componentes típicos descritos como prompts estructurales para pegar en tu agente de IA y que aparezcan de forma mágica formularios de login y bento cards.

ㅤ

El recurso más popular de la publicación anterior fue…

🚀 Skills para hacer la Declaración de la Renta en España

ㅤ

PD: Nada de IA hoy aquí y me lo ha recomendado, con astucia, el algoritmo de X: Stop motion con una cerilla y unos papeles. De verdad que la vida puede ser maravillosa con tan poco…

#388

ㅤ

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

ㅤ

Aprende hoy de sus ventajas. Lo que me ha dejado claro es que el bloqueo casi nunca es técnico. Es de marco mental.

ㅤ

👋 Soy Dani de Web Reactiva y puedes escuchar nuestra conversación en podcast. Dale al play en Spotify, Apple Podcasts o en cualquier podcatcher.

Más abajo tienes 12+1 recursos sobre IA y desarrollo que van a hacer volar tu productividad. Te lo prometo.

ㅤ

Pedro Luis, aka Pantic, se dedica al marketing y al SEO en su propia agencia. No viene del perfil de programador clásico, pero es un hacedor incansable: monta proyectos paralelos todo el rato, prueba, se estampa y envía cosas a producción.

En los últimos meses está pivotando de la agencia al desarrollo de software porque la IA le ha abierto una puerta que antes estaba cerrada.

ㅤ

🔎 Su proyecto 100% hecho con IA: Smart Instant Index

Su SaaS se llama Smart Instant Index. Es una herramienta que automatiza el envío masivo de URLs a Google para indexarlas, el trabajo pesado de ir una a una por Search Console que cualquiera que gestione webs conoce. T

Lo ha construido en un par de semanas, al 100% con IA (Claude + Sonnet, sin Opus para ahorrar costes). Hay versión cloud de pago y una versión de escritorio gratuita y open source en GitHub.

🔥 Si estás en Web Reactiva Premium, tienes acceso al cloud con un cupón especial.

ㅤ

En nuestra charla descubro las pistas para aportar 5 cambios de marco mental para romper el bloqueo que sientes con las herramientas de inteligencia artificial.

ㅤ

1️⃣ Deja de buscar magia

Lo que antes tardabas tres meses ahora son tres horas. Pantic lo repite en varios momentos de la entrevista y es el primer gran reencuadre:

— “La IA no ha revolucionado la calidad. Ha revolucionado el tiempo”.

Si entras pensando que vas a descubrir un truco mágico, te frustras a los cinco minutos. Si entras pensando que vas a comprimir tiempo en cosas que ya sabes hacer, te enganchas y no sueltas.

👉 La próxima vez que pruebes una herramienta, no midas lo impresionada que estás. Mide cuánto tardabas antes y cuánto tardas ahora.

ㅤ

2️⃣ Empieza por un dolor tuyo, no por el SaaS del siglo

Smart Instant Index no nació como SaaS. Nació como un script en sucio que Pantic usaba para sus propias webs. Lo tenía resuelto mentalmente desde mucho antes de la IA. La IA solo le hizo el lavado de cara, el panel, Stripe, la versión cloud.

La parálisis muchas veces viene de querer arrancar con algo ambicioso en un sector que no dominas. El cambio de marco mental es al revés:

Atrapa un dolor tuyo real. Algo que ya sabes resolver mentalmente. Y deja que la IA acelere la construcción.

👉 No empieces por la app de revolucionar tu sector. Empieza por automatizar la cosa tediosa que haces cada lunes.

ㅤ

3️⃣ Tu experiencia como developer es el mapa del bosque

La metáfora que más me gustó de la entrevista: el software que quieres construir es un bosque. Hay mil caminos para atravesarlo y la IA, como no es determinista, va a tirar por donde quiera cada vez.

El trabajo esencial no es picar código. Es explicarle el bosque. Saber qué decisiones de arquitectura importan. Oler dónde va a aparecer el problema.

Y aquí viene la parte importante para el developer escéptico:

— “Cuando la IA se atasca scrapeando una paginación rara, entro, leo el HTML, identifico el patrón y se lo explico. Ahí todavía podemos, nuestro punto humano, llegar al momento en que no sirvamos para nada”.

Esa habilidad no la tiene cualquiera: tienes la pieza que la IA necesita para no perderse.

👉 La amenaza percibida es, en realidad, tu mayor ventaja. No la tires.

ㅤ

ㅤ

4️⃣ Atrévete con varias herramientas

Pantic paga Claude y OpenAI. Y avisa de una trampa en la que caemos todos: si solo dedicas cinco minutos a la alternativa para probar, el resultado va a ser injusto y vas a volver siempre a tu herramienta cómoda.

— “Siempre te estás autoengañando para acabar usando Claude”.

El cambio de marco es duro pero honesto: probar no es probar cinco minutos. Probar es pagar dos o tres opciones a la vez durante un mes y forzarte a usarlas en tareas reales, no en juguetes.

Otro detalle importante: no saltes a la capa premium hasta que la necesites. Pantic no usa Opus, con Sonnet le sobra. Mucha gente se bloquea pensando que necesita el modelo más caro para hacer algo serio. No. Empieza con la capa media, exprímela y solo sube cuando notes que se queda corta.

ㅤ

5️⃣ Filtra el ruido o te quedas paralizado

Me sonrojo con estas cosas, pero nuestro entrevistado no. Es una observación muy concreta de Pantic durante la charla:

— “El 100% de cosas que aplico cuando me siento delante de un proyecto lo he aprendido en Web Reactiva”.

Twitter te empuja FOMO continuo: modelo nuevo cada semana, herramienta nueva cada día, demo viral cada hora. Una comunidad premium filtra y te deja ver lo que de verdad funciona en manos de gente que ya lo usó antes que tú.

👉 Si te sientes perdido entre lanzamientos, el desbloqueo no es leer más. Es leer en mejor sitio.

ㅤ

🎧 Sigue la pista

🚴 Rematamos la conversación con ciclismo, una de las pasiones de Pantic, al que puedes escuchar sobre este tema en Varios Desvaríos.

📈 Entra en su canal de Telegram Conquista Cimas con todas las novedades de sus proyectos.

ㅤ

ㅤ

Fe de erratas

La semana pasada el copia y pega me traicionó y el workflow que compartía José Manuel estaba mal enlazado:

ghcopilot-hub: Hub centralizado para reutilizar agentes y skills de GitHub Copilot entre proyectos y materializarlos en cada repositorio con un CLI declarativo.

ㅤ

💊 Recursos a tutiplén

🎢 CARRERA PROFESIONAL

Por qué la IA hará crecer la profesión de desarrollador, no encogerla

Jose Luis Calvo (ex-Microsoft) aplica la paradoja de Jevons al software: si cuesta 10 veces menos hacerlo, haremos muchísimo más.

• El experto ya no escribe, dirige: diseña el entorno y deja trabajar a las máquinas.

• El vibe coding vale para prototipos, pero mantener, escalar o proteger datos sigue exigiendo ingeniería.

• Cambia el perfil: menos traductores de instrucciones a código, más gente que sepa qué construir y por qué.

‎

⚡️ ASOMBROSICO

Convierte Claude Code en un agente para buscar trabajo con Career-Ops

Santiago Fernández se montó un sistema con para escanear portales de empleo y generar CVs en PDF optimizados para ATS.

Con él evaluó 740 ofertas y aterrizó un puesto de Head of Applied AI.

‎

🔌 SKILLS

Una skill para hacer la declaración de la Renta con agentes de IA

José Conti ha condensado las breves 1.903 páginas del Manual Práctico de la AEAT en una skill que cubre deducciones autonómicas y casos especiales como la Ley Beckham, cripto o nómadas digitales. Recomendado por 🧡 José Manuel.

‎

🤖 IA PRÁCTICA

DESIGN.md: cómo crear diseños con IA basados en reglas

Te cuento cómo usar Google Stitch (gratis) y el estándar abierto como alternativa a Claude Design.

👉 Esta fue mi experiencia con Claude Design

‎

Pi, el agente de código minimalista que planta cara a Claude Code

Cuatro herramientas, un system prompt de menos de 1.000 tokens y una extensibilidad tan agresiva que ya hay quien ha conseguido ejecutar DOOM dentro. Muy flexible, muy abierto y la magia que está detrás de OpenClaw.

👉 Guía en español para entender Pi

‎

🌳 BUENAS PRACTICAS

Cómo optimizar el uso de tokens en Claude Code y no arruinarte en el intento

🧡 Robert Menetray comparte en castellano sus prácticas reales después de meses quemando tokens.

👉 Aprende a usar Caveman para lograr un 75% de ahorro de tokens

‎

🌳 BUENAS PRACTICAS

Más de 50 leyes y patrones de ingeniería del software

Todos los nombres que has escuchado en las charlas más “pro”. Ley de Conway, optimización prematura, Hyrum, YAGNI, Brooks, bus factor, principio de Peter, la ley de Gall... También disponible en API.

‎

😲 CURIOSO

La economía oculta de las estrellas falsas de GitHub

6 millones de estrellas infladas que empujan millones de inversión. Estudio del equipo de Awesome Agents comparando resultados orgánicos y alterados.

‎

🛠 HERRAMIENTAS

Translet, traduce en la web con DeepL y cero telemetría

🧡 Camilo nos regala una alternativa simple y directa a los traductores online: un front-end minimalista que tira de la API de DeepL sin rastrearte ni guardar nada.

‎

🔰 PARA APRENDER

Cómo funciona Shazam explicado con visualizaciones interactivas

Un paseo precioso por el algoritmo que identifica una canción en cinco segundos: Fast Fourier Transform, espectrogramas, mapas de constelaciones y hashes como huellas dactilares.

‎

🤖 IA PRÁCTICA

Oh My codeX añade equipos de agentes a Codex

Yeachan-Heo ha montado una capa de trabajo sobre Codex CLI que instala 30 prompts de agentes, 40 skills, HUD de estado y comandos para exprimir los modelos.

‎

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

OpenTelemetry: el estándar abierto de observabilidad

Unifica SDKs, APIs y protocolos para que puedas enviar telemetría a cualquier backend (Datadog, Grafana, New Relic...) sin casarte con ningún proveedor.

‎

🕹 JUEGOS

Constellation Draw

Neal Agarwal sigue sumando joyitas a su colección de experimentos interactivos. Dibuja tus propias constelaciones con música. Juguete de domingo por la tarde.

ㅤ

El recurso más popular de la publicación anterior fue…

🚀 20 skills de ingeniería profesional para agentes de IA, por Addy Osmani

ㅤ

ㅤㅤ

PD: Alguien sale a correr todos los días en Toronto para crear con el rastro del GPS a un muñeco bailando. Muy loco.

#387

ㅤ

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

ㅤ

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.

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.

ㅤ

ㅤ

☕️ 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

ㅤ

Quiero que salgas corriendo a probar lo que es una skill.

Sé lo que estás pensando. Otra cosa más de la IA que tengo que probar. Ya me vale con promptear y pedirle cuatro cosas al copilot de turno.

Pero esto es mucho más.

ㅤ

🎧 En el audio de arriba te cuento todo esto con más amor si cabe.

Si quieres escucharlo en Spotify o Apple Podcasts o en cualquier otro podcatcher.

ㅤ

Qué es una skill y por qué debería importarte

Una skill (oficialmente “agent skill”) inyecta una habilidad concreta a tu agente de IA.

El modelo ya sabe muchas cosas. Pero con la skill lo metes en cintura y evitas que te la cuele con su tendencia a improvisar.

Piénsalo como un embudo: arriba el saber universal del LLM, abajo una tarea concreta y bien resuelta.

Y no, no hablo solo de Claude Code. Más de 40 agentes soportan este estándar: Copilot, OpenCode, Qwen, Codex...

ㅤ

Un prompt con esteroides

Un prompt te ayuda en una conversación. Una skill empaqueta una forma de trabajar estable y repetible.

Se invocan cuando las necesitas. Se apilan unas con otras. Son composables.

La parte agéntica: no solo te responde, sigue un flujo definido. Te hace preguntas, te sugiere opciones, te propone diseños para que elijas.

Con un prompt llegarías al mismo sitio, pero a trompicones.

ㅤ

¿Qué tiene dentro?

Una skill es una carpeta con un fichero SKILL .md. Markdown con un frontmatter que incluye nombre, descripción y algún parámetro más.

Pero puede tener más cosas:

Referencias: ficheros markdown con documentación específica. Mi skill para Astro no mete toda la doc en el SKILL .md. Tiene ficheros separados sobre routing, islas, SSR... y la IA carga solo lo que necesita.

Scripts: automatizaciones concretas. Tengo una skill que pone marcas de agua a imágenes con un script en Node.js.

Las skills usan progressive disclosure (descubrimiento progresivo): el agente solo conoce nombre y descripción de cada skill instalada. Cuando la invocas, carga el fichero completo. Puedes tener diez skills sin que ocupen apenas tokens hasta que las uses.

ㅤ

Cómo empezar ahora mismo

La forma más sencilla: npx skills seguido del repositorio. Te preguntará para qué agentes y si la quieres a nivel de proyecto o global.

👉 Prueba la skill frontend-slides para crear presentaciones. Instálala en una carpeta, abre tu agente y dile que quieres hacer una presentación sobre lo que te dé la gana. Verás cómo te guía hasta un resultado que seguro te sorprenderá.

ㅤ

También tienes skills.sh, un directorio con decenas de miles de skills que analiza su seguridad. Porque ojo con lo que instalas. Ya hemos visto skills maliciosas que mandaban datos a APIs desconocidas. (Una alternativa, OpenSkills).

En Web Reactiva llevamos tiempo recopilando guías y recursos sobre este tema. En la sección sección de Skills tienes más de una docena de artículos para profundizar: las mejores skills para revisión de código y seguridad o la guía de skill-creator para que aprendas a crear las tuyas propias.

🔥 Y también tenemos astro-framework , aquí te cuento cómo se instala y usa igual que hacen en la web de La Velada de Ibai.

ㅤ

Para rematar

Las skills se han convertido en una primitiva de los agentes de IA. Ya hay lenguajes generando sus propias skills. Frameworks que se basan en ellas.

Parece que no, ya lo probaré, es otro invento más... pero esta es fácil. De verdad. Se instala con un copiar y pegar.

Está bien promptear y hacer vibe coding. Pero hay que soltarse. Hay que dar el siguiente paso y pasar de fase.

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!

ㅤ

ㅤ

☕️ ¿En qué fase de la adopción de la IA estás?

Simon Willison me gusta tanto que nos visita por segunda vez consecutiva en esta sección. Sabe mucho de software (es el creador de Django) y ha abrazado el vibe coding sin temor.

Le entrevistaron hace poco y habló de cuánto necesitamos revisar el código generado por la IA (resumen en español).

Pero lo más interesante de esa charla es saber hacia donde vamos en el desarrollo de software y en qué fase te encuentras ahora mismo:

👉 Y te lo pregunto justo aquí para saber cómo orientar mis próximos contenidos donde quiero echarte un cable con esto:

ㅤ

💊 Recursos a tutiplén

🔌 SKILL DESTACADA

Convierte cualquier repo en un curso interactivo

Una skill de Zara Zhang que analiza un repo y genera un curso HTML. Pensado para entender lo que genera un buen vibe coding o como onboarding de cualquier proyecto.

‎

🤖 IA PRÁCTICA

Skills para construir APIs con Node y TypeScript usando agentes de IA

Las 14 mejores Agent Skills para APIs en TypeScript: Express, Fastify, Hono, NestJS, Zod 4, Drizzle, Clean Architecture y Vitest con ejemplos.

Matteo Collina del equipo de nodejs comparte las suyas en este otro artículo

‎

🌳 BUENAS PRACTICAS

Warden de Sentry, revisa la calidad de tu código con skills

No necesitas cuenta de Sentry para automatizar la comprobar con tus skills favoritas si todo está bien antes de hacer el commit o a través de Github Actions.

👉 Paso a paso para usar Warden en castellano

‎

😲 CURIOSO

Project Nomad, todo el conocimiento humano sin conexión a Internet

Imagínate en una isla desierta con un panel solar. Nomad tiene la Wikipedia completa, cursos de Khan Academy, mapas OpenStreetMap y un asistente IA local con Ollama. Para “perderte” bien informado ;)

‎

🔰 PARA APRENDER

Un portero digital con IA que responde por ti

George Larson explica cómo construyó un agente de IA con las mismas piezas que lo harías tú, incluido el IRC.

‎

😎 PARA FARDAR

Scribe, lee Medium sin distracciones ni muros de pago

Son insufribles las triquiñuelas de Medium para impedirte leer los articulazos que allí escriben. Este “prefijador” hará tu experiencia mucho más grata y limpia.

👉 Ejemplo: cambia “medium.com” por “scribe.rip” en este artículo de sobre la nueva arquitectura de software en tiempos de IA

‎

🔰 PARA APRENDER

Un protcolo para que la IA sepa pagar (con Stripe y con crypto)

Machine Payments Protocol (MPP) está creado por Tempo y Stripe y aprovecha el código 402 (Payment Required) para que el agente sepa como tiene que pagar con una sola petición.

👉 Te explico como se implementa y se usa en español

‎

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

Office EU, la alternativa europea a Microsoft 365

Esta suite 100% europea incluye documentos, hojas de cálculo, email, calendario y videollamadas. Construida sobre Nextcloud y LibreOffice, se sirve en servidores europeos (Hetzner) y cumple con el RGPD.

‎

OpenScreen, alternativa gratis a ScreenStudio

Graba pantalla o ventana, añade zooms manuales, anotaciones, fondos personalizados y recortes, todo con procesamiento local. Disponible en macOS, Windows y Linux.

‎

🤖 IA PRÁCTICA

Ensu, una IA local y privada

De la gente que hizo de Ente Photos una referencia en almacenamiento cifrado llega Ensu: un chat con IA que funciona offline. Sin cuentas, sin tracking, sin límites de uso, sin coste. Apps nativas para iOS, Android, macOS, Linux y Windows

‎

⚡️ ASOMBROSICO

30 años de web en una experiencia interactiva

Opera ha mentado Web Rewind, un museo interactivo donde te recomiendo que pulses la barra espaciadora y te montes en la máquina del tiempo.

‎

🎨 PLANTILLAS

Email.md, crea emails responsive desde markdown

El infierno del HTML compatible con Gmail y a la vez con HTML se hace magia con esta librería. Incluye un builder visual, plantillas listas para copiar y una integración con IA.

El recurso más popular de la publicación anterior fue…

🚀 El setup más productivo de Claude Code que usa el CEO de Y Combinator

ㅤ

ㅤ

PD: Siete canciones mexicanas que habías escuchado antes pero no sabías el nombre. Lo más inquietante es el músico que las toca…

#385

ㅤ

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

ㅤ

Pero hace cosas. Más de las que parece.

Lleva meses adoptando la IA como herramienta de trabajo real. En su empresa, en sus aficiones y hasta para comprarse zapatillas. Y ha venido al podcast a contarlo todo con detalle.

🔥 Escucha la charla completa en Spotify, Apple Podcasts o cualquier podcatcher.

En este envío de Web Reactiva encontrarás:

1. La configuración para Claude Code del CEO más productivo del mundo

2. Una historia real con OpenClaw y una alternativa más robusta

3. Dos buenos consejos para los escépticos con la IA

4. Crea vídeos con código sin saber nada de vídeos

5. Todo Google por terminal

ㅤ

Claude Code en producción: el equipo que migró de Copilot

Joan Enric dirige el desarrollo en una empresa que hace software para una comercializadora eléctrica. Cinco personas, teletrabajo 100% y un proyecto de cuatro años con muchas tecnologías distintas acumuladas.

El cambio lo notó cuando Claude Code dejó de ser una muleta para consultas y empezó a resolver historias de usuario completas. Las definía bien y dejaba que las resolviera. Luego mandaba la pull request al equipo con un aviso: “Esta la ha hecho la IA al 100%. Leedla a profundidad.”

Y empezaban a pasar las revisiones.

Cosas que antes tardaban semanas empezaron a tardar días.

ㅤㅤ

Con los agentes de IA entendiendo la estructura del proyecto, las tareas que llevaban años en el backlog (en el cajón) han empezado a salir. En paralelo. Sin bloquear al equipo.

💡 Un detalle: tiene configurado que Claude no le dé la razón. Porque cuando estás en producción y la IA te propone tumbar todo el entorno para empezar de cero… necesitas que alguien le ponga freno.

ㅤ

Programador senior dándole al vibe coding

Nuestro protagonista entrena baloncesto y, antes, cortaba vídeos de partidos a mano. Cuatro horas entre Excel, timeline y DaVinci Resolve.

Hasta que un día le pidió a Claude un editor de vídeo en Python con atajos de teclado personalizados. No escribió una línea de código.

De cuatro horas pasó a solo hora y media.

También se montó una app que descarga datos de su reloj de crossfit y le envía recomendaciones de salud por correo cada semana.

Antes pensabas: “necesito una app que haga esto”. Ahora piensas: “puedo pedir que me haga la app que necesito”.

ㅤ

OpenClaw enjaulado en una Raspberry Pi

Tiene un OpenClaw metido en un Docker, sin permisos, con cuenta de correo propia y una asignación de 5 a 10 dólares en semana. Enjaulado.

Y aún así le hace de asistente: le recuerda la agenda, le avisa de partidos y, lo más interesante, le va montando un segundo cerebro Zettelkasten en Obsidian con todo lo que le reenvía por Telegram. Lee, etiqueta, conecta ideas.

Configurado con modelos diferentes según la tarea. Opus para lo complejo, Gemini Lite para los cronjobs. Todo vía OpenRouter.

🎧 En el podcast también nos cuenta el proyecto de agentes especializados para comprarse zapatillas: uno de podología, otro experto en modelos y un comprador que busca el mejor precio. Sin PIN de la tarjeta, eso sí ;)

ㅤㅤ

Un consejo para los más desconfiados con la IA

— Toma 20 euros, ponlos en la herramienta de IA que más te apetezca y juega un mes entero.

No hace falta tener cuentas de 200 euros. Hace falta compromiso y ganas de chocarte con la herramienta. Las gratuitas no dan lo mismo y cuando te cortan justo en lo bueno, no vuelves.

No hacer nada sí que te quita cosas. Te quita la oportunidad de probar, de llegar a nuevos sitios, de tener tu propia opinión.

ㅤ

~~~~

Si te gusta Web Reactiva déjanos un buen “me gusta”, un laikazo le hará saber al dichoso algoritmo que pasaste por aquí. ¡Gracias! 🧡

~~~~

ㅤ

ㅤ

ㅤ

☕️ La IA debería ayudarnos a producir mejor código, ¿no?

Te recomiendo que sigas a Simon Willison. Creador de Django se está destacando en la última temporada por esto:

Sí. Un pelícano montado en una bici. Es su prueba de fuego para TODOS los modelos de IA. Escribe sobre este tema a diario y lo hace en un blog (así es, a la vieja usanza). No para y desde que están los gepetos, no le sigues el ritmo.

ㅤ

En su saga sobre patrones de ingeniería agéntica ha dejado hace poco estas perlas sobre la capacidad que la IA nos da para escribir mejores métodos:

🚫 Hacer peor software con agentes es una elección — Que los agentes aceleren la entrega no justifica bajar la calidad, es una decisión consciente que se puede evitar.

🔄 Refactoriza sin bloqueo — Tareas como renombrar conceptos, dividir ficheros enormes o unificar duplicados son ideales para agentes asíncronos corriendo en segundo plano.

💸 El coste de limpiar código ha caído a casi cero — Ahora hay margen para tener tolerancia cero con los code smells que antes se procrastinaban.

ㅤ

🤖 Los LLMs amplían el abanico de opciones — Sugieren soluciones habituales en sus datos de entrenamiento, que suelen coincidir con la tecnología aburrida y probada que tiene más probabilidades de funcionar.

🔁 El bucle de ingeniería compuesta — Cada proyecto debería terminar con una retrospectiva: documentar qué funcionó para que los agentes futuros partan de instrucciones mejores.

⚗️ Las mejoras pequeñas se acumulan — Invertir en calidad ya no compite con entregar nuevas funcionalidades: con agentes, por fin se puede hacer las dos cosas a la vez.

— Lee completo AI should help us produce better code

ㅤ

💊 Recursos a tutiplén

🔌 SKILL DESTACADA

El setup más productivo de Claude Code que usa el CEO de Y Combinator

Se llama gstack. Garry Tan ha publicado las 8 skills que usa a diario con Claude Code. Cada una activa un “modo cognitivo” diferente y le permite lanzar PRs hasta dormido.

👉 Qué es gstack y cómo se usa (en español)

‎

🔌 SKILL DESTACADA

Cómo crear vídeos con código con Remotion y skills

Tutorial paso a paso para generar vídeos animados sin saber nada de edición. Instalas las skills de Remotion, lanzas tu agente y le pides lo que quieras en lenguaje natural: él propone guion, escenas y transiciones.

‎

😎 PARA FARDAR

Happy, controla Claude Code desde tu móvil

App open source para iOS, Android y web que te permite monitorizar y controlar sesiones de Claude Code desde el teléfono.

Gracias a 🧡 Andrés por la recomendación.

‎

🌳 BUENAS PRACTICAS

Shepherd, la oveja que vigila tu productividad

Extensión de Chrome gratuita que rastrea tu actividad y te da un score de productividad diario. Usa un LLM para clasificar cada web según el contexto (YouTube viendo un tutorial = productivo, YouTube viendo gatitos = no tanto).

‎

🤖 IA PRÁCTICA

OpenFang, una alternativa en Rust a OpenClaw

Un paso más allá de la langosta que se compila en un solo binario de 32MB. Es open source e incluye 40 adaptadores de canales (Telegram, Discord, Slack, WhatsApp...), 16 capas de seguridad y 27 proveedores de LLM.

👉 OpenFang vs OpenClaw en español

‎

🌳 BUENAS PRACTICAS

Anti Slop, cierra las PR basura de la IA

Esta action detecta y cierra pull requests de baja calidad con 31 reglas derivadas de revisar manualmente más de 130 PRs de “slop”. No usa IA.

‎

🎢 CARRERA PROFESIONAL

Zen of AI Coding

Ya no necesitas escribir código si no quieres, pero tu trabajo ahora es crear feedback loops estrechos, anticipar modos de fallo y dirigir con criterio.

👉 Encontrarás buenas ideas para escépticos y entusiastas por igual.

‎

⚡️ ASOMBROSICO

Todo Google desde tu terminal con gog

Antes de Google Workspace CLI, Peter Steinberger ya nos regaló este CLI para Gmail, Calendar, Drive, Contacts, Tasks, Sheets, Docs... Salida JSON, soporte multi-cuenta y credenciales guardadas en el keyring del sistema.

‎

🔰 PARA APRENDER

Startups.RIP, 1.700 startups que recogieron cable

Post-mortems detallados, análisis de por qué fallaron y planes de reconstrucción para cada idea. Porque las startups mueren, pero las ideas no. Eso sí, en tu cajón están las mejores ;)

‎

🛠 HERRAMIENTAS

Portless, olvídate de los números de puerto en localhost

Cambia localhost:3000 por myapp.localhost con un solo cambio en tu package.json. Soporta HTTPS local y detección automática de git worktrees.

👉 Guía de portless en castellano

‎

Better Fullstack, scaffolding de apps fullstack con un solo comando

Un CLI que mezcla TypeScript, Rust, Python y Go con frameworks modernos, bases de datos, auth, pagos y despliegue.

‎

🎨 PLANTILLAS

TUI Studio, el Figma de las interfaces de terminal

Un editor visual de drag-and-drop para diseñar ese CLI de tus sueños. Botones, tablas, modales... Disponible para macOS, Windows y Docker.

ㅤ

El recurso más popular de la publicación anterior fue…

🚀 Convert, el conversor de archivos más atrevido

PD: Creando covers de The Final Countdown en un iPhone. Sí, la de los melenas ochenteros, era muy “heavy” :)

#384

ㅤ

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

ㅤ

Dani y José Manuel cuentan sus flujos de trabajo con IA y está claro que los dos han tenido que invertir tiempo en enseñarle a la IA cómo trabajan ellos para lograr mejores resultados.

ㅤ

🎧 Antes de hablar de todo esto comentamos las mejores noticias y salseaos sobre el mundo de la IA y la programación de las últimas semanas. ¡Menuda pelea!
🔥 Escucha la charla completa Spotify, Apple Podcasts o cualquier podcatcher.

En este envío encontrarás, solo si haces scroll:

• Una skill para crear diseños únicos con la IA

• El conversor que se atreve con cualquier formato

• Las herramientas top para código seguro

• Recupera ficheros borrados por la IA

• Un cli que ahorra tokens

ㅤ

Un paseo por las skills

Dani lo tiene claro: la pieza clave de su proceso son las skills. Una skill es un fichero markdown donde describes una habilidad concreta que quieres que el modelo tenga. No es un prompt cualquiera. Le inyectas una habilidad específica al LLM.

→ ¿Necesitas que sepa crear documentos de Word con una librería concreta? Skill.
→ ¿Que respete la arquitectura a escala de tu proyecto? Skill.
→ ¿Que genere tests con tus especificaciones? Skill.

Dani organiza las suyas en tres niveles:

1. Globales: las que usa en cualquier proyecto. Escribir pull requests, calcular consumo de tokens, convenciones de estilo.

2. De proyecto: adaptadas a la tecnología y reglas de cada repositorio.

3. Composables: skills que invocan a otras. Una que crea un portfolio de developer y se nutre de la skill de Astro más otra de diseño (frontend-design).

💡 Y hay un truco extra: usar la skill creator. Le pides a la propia IA que genere una skill nueva a partir de documentación o de un proceso que repites a menudo.

— Agent Skills: guía completa para Claude Code, Codex, Cursor y OpenCode

ㅤ

Agentes orquestados

José Manuel ha llevado esta filosofía un paso más allá. Su enfoque no se basa en un solo en habilidades con instrucciones, sino en un equipo de agentes especializados que se vigilan entre ellos.

Su sistema tiene dos fases. En la de planificación, un orquestador coordina tres subagentes: un rastreador que escanea el proyecto con un modelo barato y rápido, un erudito que trae el contexto técnico (interfaces, documentación de librerías, skills del proyecto) y un revisor que valida el plan antes de seguir adelante.

En la de implementación, un ejecutor escribe el código paso a paso con TDD estricto (test que falla → código mínimo → refactorización) y un validador comprueba que todo cumple con lo que marcaba el plan.

Cada agente puede usar un modelo distinto. El rastreador no necesita un Opus 4.6 que cuesta tres veces más por petición. El revisor sí necesita capacidad de razonamiento. Esa especialización reduce costes y mejora resultados.

Lo más interesante que destaca José Manuel es el papel del validador, ese agente que tiene “la vara en la mano”. Antes, esa función la hacías tú: “oye, te has olvidado de esto”, “esto no cumple el estándar”, “aquí te has saltado lo que decía el plan”. Ahora es un agente el que da el palo.

Y no se cansa.

— Orquestador de agentes con OhMyOpenCode

(👆 más sobre este tema muy pronto en nuestra newsletter, ¡no te lo pierdas!)

ㅤ

~~~~

Si te gusta Web Reactiva déjanos un buen “me gusta”, un laikazo le hará saber al dichoso algoritmo que pasaste por aquí. ¡Gracias! 🧡

~~~~

ㅤ

ㅤ

☕️ Seguridad del software en tiempos de IA

Alguien que lleva 20 años dedicado a la seguridad informática va a cazar al vuelo las meteduras de pata más gruesas del código generado con la IA. Si se llama Johannes Dahse y trabaja en Sonar, más indicado todavía para darte las pistas de donde están los mayores peligros:

ㅤ

🪞 IA revisando a la IA — Usar el mismo modelo para verificar el código que generó es inútil: comparte los mismos sesgos y puntos ciegos que introdujeron el fallo.

🧱 Código verboso y complejo — Los LLMs en modo razonamiento escriben código más seguro por bloque, pero mucho más extenso, aumentando la superficie de ataque.

🍝 Deuda técnica como deuda de seguridad — Aceptar bloques de IA sin refactorizar acumula código que puede invisibilizar las vulnerabilidades en las revisiones.

🎭 Inyección de prompts — Si tu app usa un LLM, los atacantes pueden manipular las entradas para alterar el comportamiento del sistema o extraer información sensible.

⚡ Más código, más vulnerabilidades — La IA genera código más rápido, pero también produce más líneas con fallos de seguridad en menos tiempo.

🔓 Servidores MCP maliciosos — Un atacante puede crear un servidor MCP aparentemente legítimo que ejecute código malicioso en tu máquina o inyecte puertas traseras a través de agentes con demasiados permisos.

— Si quieres saber qué herramientas usar para proteger tu código lee la review completa de la entrevista al experto en seguridad

ㅤ

ㅤ

💊 Recursos a tutiplén

🎢 CARRERA PROFESIONAL

El mejor programador de 2026 en 2022 no era programador

JL Cases, CPTO en Rankia, despliega una reflexión que escuece: picar código se vuelve global y la media salarial caerá, pero las personas (como tú, que estás leyendo esto) que diagnostican problemas, piensan en sistemas y orquestan agentes van a cobrar más que nunca.

‎

⚡️ ASOMBROSICO

Convert, el conversor de archivos más atrevido

¿Convertir un vídeo en un PDF? Este conversor lo intentará. Funciona 100% en el navegador, sin subir nada a ningún servidor, y acepta conversiones entre formatos que nadie se atrevió a mezclar. Pruébalo.

‎

🔌 SKILL DESTACADA

Impeccable, 17 comandos para que la IA monte diseños únicos

Una skill con anti-patrones curados y comandos listos para que Cursor, Claude Code, Gemini CLI o Codex generen interfaces con mejor calidad: colores, detalles, espacios, huevos de pascua...

👉 Aprende a diseñar con Impeccable en español

‎

😲 CURIOSO

Unfudged, recupera tu archivo borrado por la IA aunque no uses git

Unfudged graba cada cambio en cada segundo como una la caja negra de un avión. Local, gratuito, con menos del 1% de CPU. Un “unf watch” y a dormir tranquilo.

‎

🛠 HERRAMIENTAS

Summarize, resume cualquier URL o vídeo de YouTube

CLI y extensión de Chrome para extraer y resumir contenido de URLs, PDFs, vídeos de YouTube y podcasts. Soporta modelos locales, de pago y gratuitos vía OpenRouter.

👉 Tutorial en español de Summarize

‎

🤖 IA PRÁCTICA

RTK, ahorra hasta un 80% de tokens a tus agentes de IA

RTK se pone en medio de las respuestas de Claude o Gemini, filtra el ruido y comprime la salida antes de que llegue al contexto del LLM. Un solo binario en Rust con menos de 10ms de latencia.

‎

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

15.000 repos de IA open source en un solo directorio

Chip Huyen se ha currado Good AI List: un buscador que rastrea más de 15K repositorios de IA y 145K desarrolladores, actualizado a diario. Filtra por categoría, país, ciudad y tendencias. ¡Y gratis!

‎

😎 PARA FARDAR

NotebooLM a golpe de comando de terminal

Un solo paquete te da tanto el CLI como el servidor MCP para Google NotebookLM. Crea notebooks, añade fuentes, genera podcasts y descarga audio, todo desde la línea de comandos. Ojo con los límites.

‎

🔰 PARA APRENDER

WebMCP: Qué es y cómo convierte tu web en agéntica

Este protocolo permitirá a las webs comunicarse con agentes de IA. API, ejemplos y cómo probarlo en la fase de lanzamiento.

‎

🛠 HERRAMIENTAS

La evolución moderna del mítico git-flow se llama git-flow-next

La creatividad del nombre es lo de menos. Escrito en Go desde cero: workflows configurables, soporte para GitFlow, GitHub Flow y GitLab Flow y con merge automático entre ramas.

‎

Smallweb, convierte una carpeta en todo tu cloud

Una propuesta muy diferente: Arranca excalidraw, un blog o un editor de código solo creando una carpeta que se convertirá en un subdominio. Es mágico, es raro, es genial.

‎

🎨 PLANTILLAS

LiftKit, componentes para los que tienen buen ojo

Framework de UI open source donde todo (márgenes, tipografía, border-radius) tiene proporción áurea. Disponible para React/Next.js, Webflow y Figma.

ㅤ

El recurso más popular de la publicación anterior fue…

🚀 Skill del creador del Vibe Coding para crear mejor código

ㅤ

PD: ¿Hace cuanto que no pides a Telepizza? El ascenso no lo recuerdo, pero esa pizza de ensalada fue el primer clavo en su ataúd. Aquí te lo cuentan todo.

#383

ㅤ

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

ㅤ

Decidió ser la persona que a él le hubiera gustado tener al lado. Y por eso ahora lidera la adopción de la IA en su equipo en una consultora.

🎧 Escucha la entrevista completa Spotify, Apple Podcasts o cualquier podcatcher.

ㅤ

Soy Dani Primo y en este número de Web Reactiva · Programa con IA 😜 encontrarás:

• A fondo: Si la IA escribe todo el código, ¿qué vamos a hacer los programadores?

• Una alternativa a Google más privada que DuckDuckGo

• OpenClaw en un ordenador de 5 dólares

• 100 ejercicios para aprender Rust

• Cómo ahorrar tokens en Claude

ㅤ

Así metieron la IA en el equipo

Alberto no impuso nada. Hizo una lluvia de ideas con su equipo con una regla clara: “No hay respuesta mala.”

“Tenemos que jugar con la IA, tenemos que aprender cómo funciona, tenemos que aprender sus limitaciones y tenemos que aprender también en lo que es bueno.”

De ahí salió una lista de tareas donde la IA podía ayudar. Y con esa lista están construyendo una biblioteca de prompts compartidos: si alguien descubre que un prompt funciona para una tarea, lo documenta para que el resto del equipo lo aproveche.

👉 Los prompts son el paso previo a las Skills, aprende sus buenas prácticas.

Los puntos concretos donde ya la aplican siguen el ciclo de la historia de usuario:

1. Escritura de la historia. El modelo ayuda a corregir y ampliar. “Lo uso más para corregir y ampliar que para escribir la historia desde cero.”

2. Guión de presentación. Un compañero nuevo pidió usarla para preparar cómo exponer la historia al equipo técnico.
   👇 Más abajo verás un workflow para aplicar esto con un copy&paste

3. Casos de test funcional. A partir de la historia, genera una lista de pruebas para verificar que los requisitos se cumplen.

4. Documentación. Cada vez más presente para generar todos los ámbitos de la documentación.

ㅤㅤ

En nuestra charla Alberto nos desvela cómo utilizan la IA en la compañía en la que trabaja y, también el uso personal que hace de estas herramientas.

• Perplexity como alternativa válida al buscador Google para encontrar desde el ruido raro de la caldera o buscar el método más eficiente para sacarse un B2 de inglés.

• NotebookLM para profundizar en tareas de aprendizaje (Alberto ha vuelto a la Universidad)

• La cuenta de estudiante de Gemini

ㅤ

Si me evalúas, enséñame primero a usarla

Le planteé si las empresas deberían premiar o medir el uso de la IA. Su respuesta fue contundente:

“Sería la manera 824.000 de intentar medir la productividad de una persona de manera cuantitativa cuando debería ser un concepto cualitativo.”

Medir tokens es como medir líneas de código. “Esta persona me ha hecho 30.000 líneas este mes y esta otra me ha hecho tres. ¿Quién ha trabajado más? ¿Quién es más productivo? Si usa la IA para comparar productos de Amazon...”

Y remató con:

Alberto es no es un early adopter ni un evangelista de la IA. Es alguien que trabaja en una empresa grande, con restricciones de seguridad, que está intentando que su equipo trabaje mejor con lo que tiene disponible.

ㅤ

ㅤ

☕️ Si la IA escribe todo el código, ¿qué vamos a hacer los programadores?

Cuando muchos developers hacen un retiro y se encierran para pensar en su futuro seguro que se lo primero que se acaban son las cervezas. Hablaron mucho y nos han dejado este informe de Thoughtworks que te resumo y amplío en español más abajo.

🏗️ El rigor se muda de casa — Si la IA escribe el código, la disciplina de ingeniería se desplaza a las especificaciones, los tests y la comprensión continua del sistema.

🧪 TDD es el nuevo prompt engineering — Los tests escritos antes que el código son la herramienta más potente para evitar que los agentes de IA alucinen.

🔄 Nace el “middle loop” — Un nuevo tipo de trabajo de supervisión entre escribir código y entregar producto. Nadie le ha puesto nombre todavía, pero ya está aquí.

🚀 Los juniors son más valiosos, no menos — La IA les ayuda a ser productivos antes. La preocupación real está en los perfiles de nivel medio sin fundamentos sólidos.

— En español: El futuro de los programadores en 2026 si la IA escribe todo el código

ㅤ

Si te gusta Web Reactiva y quieres que más gente la conozca lo único que tienes que hacer es pulsar en el corazoncito ❤️ de más arriba. Gracias ;)

ㅤ

El 4% de los commits públicos en Github están creados con Claude Code (pocos me parecen)

A final de año vaticinan que será el 20%. (Fuente)

ㅤ

ㅤ

Workflow con IA: Presenta una historia de usuario

Alberto revela en nuestra charla flujos de valor y este caso de uso puede ser de mucha utilidad.

1. Genera el guión a partir de la historia

Copia la historia completa desde Jira (descripción + criterios de aceptación) y pásala al chat con este prompt.

Con esta historia de usuario, genera un guión de 5-10 minutos para presentarla
en un refinamiento al equipo de desarrollo. Estructura: por qué se hace →
qué se espera → criterios de aceptación uno a uno → invitación a preguntas.

Marca [PAUSA] donde convenga abrir debate.

[PEGA LA HISTORIA]

💡 Copia el texto directamente de Jira. Si lo imprimes a PDF, las tablas se rompen y la IA pierde contexto.

2. Ajusta tono y énfasis

El primer guión será un esqueleto. Pídele los cambios concretos en una sola iteración.

Hazlo más conversacional. Amplía [CRITERIO X] que es el más complejo
y quita la parte sobre [CONTEXTO Y] que el equipo ya conoce.

💡Dos iteraciones suelen bastar. Si necesitas más, el problema probablemente está en la historia, no en el guión.

3. Anticipa preguntas y ¡a presentar!

Antes de la sesión, pídele las preguntas más probables del equipo técnico.

Genera 5 preguntas que me haría un desarrollador en el refinamiento
de esta historia. Para cada una, sugiere una respuesta breve.

ㅤㅤ

💊 Recursos a tutiplén

⚡️ ASOMBROSICO

Skill del creador del Vibe Coding para lograr mejor código

Un solo fichero markdown basado en las observaciones de Andrej Karpathy sobre los errores más comunes de los LLMs al programar: no asumas, no ocultes tu confusión, muestra las alternativas.

👉 ¿Qué son las skills y cómo se utilizan? (en español)

‎

🌳 BUENAS PRACTICAS

Cómo ahorrar tokens en Claude Code

En español. Una recopilación de trucos y consejos para arañar algo más de tiempo a nuestros márgenes. Aplicables a otros agentes ;)

‎

😲 CURIOSO

Claude Code y Codex para web y móvil

Companion es open source y se instala fácil. Fruto de la ingeniería inversa te deja controlar tus agentes más preciados incluso en remoto gracias a Tailscale.

‎

😎 PARA FARDAR

Borrar la marca de agua de NotebookLM

Aunque es online lo hace sobre vídeos y PDFs. Creo que está hecha con la propia IA de Google, la misma que lo pone lo quita, vaya madeja.

‎

🤖 IA PRÁCTICA

Skillshare, por fin las skills de tus agentes sincronizados

Una fuente de verdad para todas las skills de tus CLIs de IA. Escríbelas una vez y sincronízalas en Claude Code, Cursor, Codex, OpenCode, Gemini CLI y más de 48 herramientas.

‎

MimiClaw, ejecuta OpenClaw en un chip de 5 dólares

Solo necesita telegram para comunicarse. Tiene memoria y no usa ni Linux, ni node, ni mucho menos un MacMini. 🧡 Recomendado y puesto en marcha en un ESP32-S3 por Miguel Alanis.

‎

🔰 PARA APRENDER

Si quieres crear una TUI tienes que leer este artículo

La gente de Hatchet cuenta cómo crearon su interfaz de terminal (estilo k9s) usando el stack de Charm: Bubble Tea, Lip Gloss y Huh.

‎

100 ejercicios para aprender Rust paso a paso

Curso autodidacta de Mainmatter con 100 ejercicios progresivos para dominar Rust. Cada ejercicio aborda un concepto específico del lenguaje.

🛠 HERRAMIENTAS

Startpage, una alternativa privada a Google

Busca y navega por Internet sin que te sigan, sin que te dirijan. Más privado que DuckDuckGo. 🧡 Recomendado por Dani Pastor

‎

Convierte documentos en el navegador

Pandoc, el legendario conversor universal de documentos ya no necesita instalación. Convierte entre Markdown, HTML, LaTeX, DOCX sin subirlo al servidor gracias a la magia de Wasm.

‎

🤖 IA PRÁCTICA

LangExtract para extraer datos estructurados con IA

Librería Python de Google que usa LLMs para convertir texto desordenado en información estructurada con trazabilidad al texto original. Funciona con Gemini, OpenAI, Ollama y modelos locales. 🧡 Pantic14 nos lo envía.

‎

🎨 PLANTILLAS

Mapcn, mapas bonitos para React

Componentes de mapas interactivos construidos sobre MapLibre GL, estilizados con Tailwind y compatibles con shadcn/ui.

ㅤ

El recurso más popular de la publicación anterior fue…

🚀 MapToPoster convierte ciudades en pósters minimalistas

ㅤ

PD: Una tormenta de nieve en Nueva York contada desde dentro en un paseito en coche. Paisajes espectaculares de la gran manzana.

#382

ㅤ

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

La productividad sube, al menos eso nos cuenta José Manuel Gómez, Tech Lead y arquitecto que lleva años trabajando con JavaScript (y Reactionario de corazón).

ㅤ

🎧 Escúchalo pulsando el botón play ▶️ de arriba o entra en Spotify, Apple Podcasts o cualquier podcatcher.

Además en este envío descubrirás

• La historia detrás de una migración de 100 mil líneas de código con Claude Code.

• Los mejores consejos del creador de OpenClaw (antes Clawdbot)

• Cómo crear una web con Astro con un solo prompt

• Un sustituto gratis de Google Analytics

ㅤ

José Manuel comparte datos reales de su flujo de trabajo con IA: genera entre el 68% y el 75% del código con asistentes basados en LLMs.

La fiabilidad real ha llegado con los modelos de finales de 2025 (Opus 4.5, GPT 5.2, Gemini Pro). Ya no es autocompletado: es generación completa con sistemas de subagentes y orquestadores.

Nos cuenta como usa un segundo agente/modelo para revisar el código del primero aumenta la fiabilidad de forma notable.

Aunque trabaja mucho con Github Copilot recomienda OpenCode como alternativa ya que permite usar múltiples modelos (Copilot, ChatGPT, Claude) sin pagar APIs adicionales. Además ahora mismo da acceso gratuito al modelo Kimi K2.5 que está rivalizando con los mejores.

ㅤ

Consejos para escépticos

🚫 No va a parar — El cambio disruptivo será cuando no escribamos código; solo falta reducir costes de tokens y aumentar velocidad

☀️ Vaso medio lleno — También abre oportunidades: emprendimiento, proyectos personales, hacer más con menos

🏢 Empresas medirán tokens — Los tokens consumidos serán una métrica de productividad, como el fichaje pero más efectivo

🎮 Da el paso — Suscríbete a un modelo capaz (Copilot son 10€/mes, Claude son 20€/mes), descarga una skill y juega una tarde sin ideas preconcebidas

🛡️ Enfréntate al “enemigo” — La mejor forma de perder el miedo es probarlo directamente, no escuchar opiniones de terceros

ㅤ

ㅤ

También hablamos de:

• Dario Amodei, CEO de Anthropic, vaticina que el futuro de los developers no está en el código → Ver resumen en español

• jQuery 4.0 celebra 20 años eliminando soporte para Internet Explorer 10 → Ver nota

• Cloudflare adquiere Astro generando preocupación sobre el futuro del framework → Ver noticia

• Tailwind perdió 75% de ingresos porque developers consultan a la IA en lugar de documentación → Ver el mensaje

• Laracast recortó 40% de plantilla tras el cambio radical en la formación de programación → Ver vídeo de Jeffry Way

ㅤ

ㅤ

☕️ Lo que puedes aprender del creador de OpenClaw (antes Moltbot, antes ClawdBot)

La aplicación de moda en internet (⭐️ más de 130 mil estrellas en menos de una semana) abre la puerta a tener agentes de IA trabajando 24 horas para ti.

Su creador, Peter Steinberger, había intentado en 49 ocasiones lanzar repositorios de código abierto para ver como funcionaban. Al cincuenta logró lo que pocos: hacer un software viral.

En una rotunda entrevista hace poco nos dejó estos titulares:

• “Si quieres que un agente de IA haga trabajo de calidad, tienes que diseñar sistemas donde el agente pueda verificar su propio trabajo”

• “Todo está ahora a una sola pregunta correcta de distancia. Pero tienes que saber qué preguntar.”

• “Despliego código que no leo”

👉 Puedes ver la entrevista en inglés.

🧨 O en español aprender sus 11 lecciones para programadores que quieren hacerlo bien en la IA.

ㅤ

ㅤㅤ

💊 Recursos a tutiplén

🤖 IA PRÁCTICA

Skills.sh, el directorio de habilidades para agentes de IA

Más de 35.000 skills y subiendo. Descubre e instala capacidades para Claude Code, Cursor, Copilot y otros agentes con un solo comando npm.

👉 Tutorial: Cómo crear una web con Astro usando solo una skill

‎

😎 PARA FARDAR

MapToPoster convierte ciudades en pósters minimalistas

Transforma el mapa de tu ciudad favorita en un diseño bien bonito que puedes exportar y colgar en la pared. Funciona con OpenStreetMaps y un poco de Python.

‎

⚡️ ASOMBROSICO

El facebook de los agentes de IA es Moltbook

Unos agentes “sueltos por las redes” por la noche mientras “sus humanos” duermen. Un software que se instala con un fichero markdown. Es la versión alpha de Eskainet.

‎

🔰 PARA APRENDER

El creador de HTMX pone los exámenes en papel (y explica por qué)

Si un LLM puede escribir tu código, ¿cómo demuestra un estudiante que sabe programar? Y para las tareas, un AGENTS.md con los guardarraíles para la IA que no es lo que esperas.

‎

🌳 BUENAS PRACTICAS

Un proyecto real hecho con agentes en local

Tres modelos open source funcionando en un portátil para crear un sistema de de triaje de empleados para recursos humanos.

‎

🤖 IA PRÁCTICA

Cómo migrar 100.000 líneas de TypeScript a Rust con Claude Code

Vjeux documenta cómo migró una base de código masiva en un mes por 220 dólares de API. La IA hizo el 90% del trabajo tedioso mientras él se enfocó en arquitectura y debugging.

‎

🛠 HERRAMIENTAS

StudioCMS, el CMS nativo para Astro

CMS construido con Astro para Astro. Soporta varias base de datos, autenticación integrada, importador de WordPress y sistema de plugins extensible. Ni Cloudflare puede parar esto.

‎

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

Tianji, analíticas + monitor + estado del servidor + telemetría todo en uno

Una alternativa self-hosted a Google Analytics + Uptime Kuma + Prometheus.

Recomendado por 🧡 Álex Avalos

‎

🤖 IA PRÁCTICA

Crea un RAG vectorial solo con SQLite

Con sqlite-vec convertirás la base de datos en un sistema vectorial. Ideal para dar tus primeros pasos sin gastar en infraestructura. Creado con la ayuda de Mozilla.

‎

🛠 HERRAMIENTAS

Takumi, renderiza imágenes dinámicas OpenGraph

Ideal para generar tarjetas sociales, thumbnails y gráficos dinámicos a partir de HTML y TailwindCSS.

‎

🧭 GUÍA

El libro práctico de TypeScript

Va al grando es de libre distribución y contiene toda la esencia de este lenguaje de programación.

‎

🎨 PLANTILLAS

Diagramas de mermaid con gran estilo

Con beautiful-mermaid tienes la opción de crearlo en formato ASCII o SVG además de pintarlo bonito gracias al CSS.

‎ㅤ

ㅤ

El recurso más popular de la publicación anterior fue…

🚀 +100 patrones de agentes de IA listos para producción

ㅤ

PD: Uno de los rabbit hole youtuberos en el que no te deseo que entres es el de las sesiones de música chill o funk o deep house. Hay horas y horas para no volver a enchufar Spotify. Te dejo con un Morning Coffee Grooves de Lika ¡Valiente!

#381

ㅤ

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

Estas son las 3 cosas que me gustaría aprender en 2026.

🎧 Soy Dani de Web Reactiva y este es un envío con podcast donde podrás descubrir el contenido completo en el audio (dale al play más arriba, es muy interesante) o entra en Spotify, Apple Podcasts o cualquier podcatcher.

ㅤ

1️⃣ Aplicaciones móviles

He maldecido el desarrollo móvil híbrido durante años. PhoneGap, Cordova, Ionic... todos esos nombres me hacen temblar.

¿Por qué? Porque siempre acababa en el mismo callejón sin salida con incompatibilidades y problemas que no entendía.

Ahora, con la ayuda de las herramientas potenciadas por IA, no sería tan loco sumergirse en una de estas opciones para crear una app para Web Reactiva

1. React Native, aprovechando que cada vez trabajo más con este framework

2. Código nativo para Android o iOS

3. Kotlin Multiplatform, un lenguaje que ha apostado por ser multiplataforma desde el principio.

ㅤ

2️⃣ Agentes de IA

Si usas Copilot, Claude Code o Cursor, ya trabajas con agentes sin darte cuenta.

En cada agente se delega una tarea: uno busca en internet, otro hace un plan, otro revisa código, otro consulta documentación.

Y puedes crear los tuyos propios.

¿Por qué no incluir agentes en nuestro propio software? ¿O completar los que ya existen en las herramientas con las que ya trabajamos?

→ Ya comencé esta travesía con Claude Agent SDK y Mastra

ㅤㅤ

3️⃣ Controlar la calidad de “la caja negra”

Esta es la más importante.

En la Comunidad Malandriner hicimos una encuesta: La media de código escrito por IA está ya en el 50%. Vosotros en el último día ya habéis confesado que un 65% usáis la IA día a día.

Poco a poco eso que era la esencia de tu habilidad principal, escribir código, se desvanece. Esa parte se convierto en una caja negra. No has visto el código.

Solo ves que a cierta entrada obtienes cierta salida.

Hemos añadido una nueva capa de abstracción en la construcción de software: el lenguaje natural.

Le dices al copiloto: “Quiero una app que me diga si llevar paraguas”. Y empieza la fiesta.

ㅤㅤ

¿Cómo controlas que vaya todo bien?

Tests unitarios, de integración, E2E, de mutación. Herramientas como SemGrep o SonarQube. Reglas de calidad antes y después de la ejecución y compilación del código.

Todo eso quiero tenerlo controlado.

Porque esa nueva capa de abstracción es donde vamos a trabajar todos cada vez más este año que acaba de comenzar.

ㅤ

¿Qué te propones aprender en 2026?

Te leo en los comentarios ;)

Deja un comentario

ㅤ

ㅤ

☕️ El ingeniero de software con IA en 2026: de programador a orquestador

Llueven en este tiempo las “soluciones definitivas para que encuentres sentido a tu vida”. Reconozco que en builder punto io si saben un poquito de estas cosas porque escriben sobre la integración del software con la IA casi todos los días.

Así ven ellos los puntos principales a tener en cuenta este año:

📚 Dar contexto a los agentes — Los agentes son tan inteligentes como el contexto que les proporcionas. Sin una orientación adecuada, producirán más alucinaciones.

📋 Especificar el trabajo — Convierte cada tarea en una especificación clara que el agente pueda ejecutar de forma confiable, incluyendo criterios de aceptación bien definidos.

🛡️ La verificación es el cuello de botella — Revisa el código generado por AI con paranoia extra: busca casos borde, problemas de seguridad, rendimiento y tests reales, no solo snapshots.

ㅤ

🔗 Tú decides cuándo cambiar de herramienta — Los agentes no saben cuándo son la herramienta incorrecta para el trabajo. Esa decisión sigue siendo tuya.

💻 IDEs agénticos para control fino — Cursor y Claude Code sirven para debugging complejo, optimización de rendimiento y tests donde necesitas intervención quirúrgica.

🔧 Delega lo tedioso a los agentes — Los refactors masivos, como actualizar una API en 50 archivos, deben asignarse a agentes en lugar de hacerse manualmente.

— Lee The AI software engineer in 2026

Web Reactiva

La IA por la que pagaríamos hoy para programar mejor

En este envío encontrarás…

Listen now

a year ago · 16 likes · 2 comments · Daniel Primo

ㅤ

ㅤ

💊 Recursos a tutiplén

😲 CURIOSO

Los blogs de programación que más triunfaron en 2025 en Hacker News

Ranking mantenido por Michael Lynch que rastrea qué blogs personales dominan HN. Simon Willison (IA y Django) lidera por tercer año consecutivo.

ㅤ

Si te gustan estos recursos haces una gran favor a esta publicación pulsando en el “Me gusta” ❤️ Tan sencillo como eso y llegará a más gente. Gracias ;)

ㅤ‎

🤖 IA PRÁCTICA

Claude Code Plugins, un catalogo de más de 10.000

Es una herramienta CLI para gestionar los plugins pero también un directorio donde puedes ver los más populares y útiles.

‎

🎢 CARRERA PROFESIONAL

Cómo se trabaja con la IA en un equipo de desarrollo

Las notas de trabajo de Will Larson (CTO de Imprint) tras 18 meses empujando adopción de LLMs son oro puro.

‎

⚡️ ASOMBROSICO

Un editor de texto minimalista que vive dentro de la URL

Sin backend, sin base de datos, sin login. Todo tu texto se guarda codificado en la propia dirección del navegador.

‎

🤖 IA PRÁCTICA

+100 patrones de agentes de IA listos para producción

Organizado en 8 categorías (orquestación, memoria, feedback loops, seguridad...). No son trucos de prompts, sino arquitecturas reales de equipos que han llevado agentes a producción.

‎

🔰 PARA APRENDER

Cómo funcionan los navegadores explicado de forma interactiva

Puedes experimentar en vivo cómo viajan los paquetes TCP, cómo se parsea el HTML y cómo el render tree acaba pintando píxeles.

‎

🤖 IA PRÁCTICA

¿Necesitamos librerías de código si la IA ya es tan buena?

Ejemplo de una librería para calcular tiempos relativos que no tiene código, solo instrucciones para agentes de IA.

‎

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

El kanban para orquestar agentes de código

Gestiona Claude Code, Codex o Gemini CLI en paralelo usando un panel de tareas al estilo Trello. Una interfaz que verás más veces en el futuro.

‎

🧭 GUÍA

Sácale todo el provecho a v0

La guía oficial de prompting sobre este editor de Vibe Coding que se centra en qué construyes, quién lo va a usar y qué diseño deseas.

‎

🛠 HERRAMIENTAS

Crea calendarios de agenda y eventos con Schedule-X

Una alternativa a FullCalendar soporte para React, Angular, Vue, Svelte y vanilla JS. Drag & drop, modo oscuro y una versión open source para montar tu propio Calendly.

‎

Mise, un solo fichero para reemplazar asdf, direnv y Makefile

Ggestiona versiones de lenguajes, variables de entorno y tareas desde un único mise.toml. También funciona dentro de Docker.

‎

🎨 PLANTILLAS

FossFLOW dibuja diagramas isométricos

Si Escalidraw se te queda “muy plano” este editor open source te deja crear gráficos en 3D.

ㅤ

ㅤ

PD: El único canal educativo al que debes suscribirte: Tutoriales para aparcar el lugares imposibles. Tú no metes el coche ahí ni de coña.

#380

ㅤㅤㅤ

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 2019 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

Si tu compañía, tu equipo o tú en solitario no habéis dado pasos hacia la programación asistida con IA tienes que empezar a preocuparte en serio.

🎧 Soy Dani de Web Reactiva y te lo cuento todo en detalle en el audio (dale al play más arriba, es muy interesante) o entra en Spotify, Apple Podcasts o cualquier podcatcher.

ㅤ

En Marzo de 2025 el CEO de Anthropic (dueños de Claude Code), Dario Amodei, decía que a finales de ese año el 90% del código estaría escrito por la IA.

Y yo me reí porque creí que solo quería llamar la atención.

La realidad ahora es otra.

Estas son las gráficas de uso de Claude Code de Boris Cherny, el creador de Claude Code (a la izquierda) y las mías.

Él ha reconocido que en el último mes del año pasado no había escrito ni una sola línea de código como contribución a Claude Code.

Y esto es lo que me ha pasado a mi:

En el podcast de arriba podrás escuchar:

• Los 2 motivos por los que no puedes dejar a un lado la programación asistida con IA (y no, no es solo por friquismo).

• Qué significa de verdad eso de “no escribo código” y por qué, paradójicamente, te hace programar más.

• Los 3 factores que hacen que aumente tu productividad ahora mismo.

• Qué puedes contarle a tu manager, colegas o clientes para que entiendan la urgencia y no lo vean como “otra moda más”.

😅 Qué inocentes éramos todos cuando el 25 de Julio de 2021 (¡¡hace 4 años y medio!!) os envié esto: Confirmado: un culebrón turco está detrás de la IA que programa por ti.

ㅤ

💊 Los 15 Recursos a tutiplén más populares de 2025

Del 15 al 1, como en los 40 los sábados por la mañana. Si lo entendiste es que sabes quien es Fernandisco ;)

🛠 HERRAMIENTAS

15. Tweek Calendar, planificador semanal minimalista

Añade las tareas de la semana y compártelas con tu gente. Como un to-do pero bien hecho para fomentar la productividad.

ㅤ

🛠 HERRAMIENTAS

14. Coolify, servicios instalados en la nube con 1 clic

Es una alternativa open source a grandes potencias como Heroku o Netlify. Todo muy “one click” y “one button” para aplicaciones node, Jamstack, bases de datos o PHP.

ㅤ

🎨 PLANTILLAS

13. +171 plantillas para boilerplates

Clasificadas por tecnología, precio y licencia open source.

ㅤ

🎢 CARRERA PROFESIONAL

12. Finaliza tus proyectos con la ayuda de la IA

En este artículo se detallan varios trucos para poner la IA al servicio de tus proyectos.

ㅤ

🎢 CARRERA PROFESIONAL

11. 6 principios diarios de un desarrollador de software

Mario Fragnito explica la autoeficacia como la soft skill más importante: creer que puedes resolver cualquier problema con tiempo y recursos.

ㅤ

🕹 JUEGOS

10. Juego infinito: Infinite Craft

Crea más items a partir de palabras hasta lograr un ser humano. Miles de combinaciones posibles. Sin fin y sin sacar la tarjeta. ¡Te robará la vida!

ㅤ

😎 PARA FARDAR

9. Hyperwood, el open source de los muebles

Un estándar para crear mobiliario en base a listones de madera. Ellos ponen los modelos y tú el serrucho. Más de uno en la 🧡 Comunidad Malandriner le ha puesto ojitos a esto.

ㅤ

🔰 PARA APRENDER

8. Autenticación con dibujos: cuándo usar Basic, Bearer, OAuth2, JWT y SSO

Un artículo diferente que explica cómo funciona la autenticación en sistemas reales.

ㅤ

🎨 PLANTILLAS

7. 28 plantillas que fueron premium ahora gratis

Flatlogic comenzó como un side project y tras vender 20 mil copias de sus plantillas para React, Angular, Vue, ahora las ha libertado en open source.

ㅤ

🛠 HERRAMIENTAS

6. +150 APIs gratuitas que todo developer debería conocer

Desde las míticas del tiempo, a otras más modernas de geolocalización, búsqueda, imágenes o cryptomonedas.

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

5. 40 gemas open source para que liquides los pagos de tus SaaS

En indiehackers también pueden encontrarse joyas como esta. Di adiós a Zoom, Google Analytics, Make, Notion y otros muchos.

ㅤ

🤖 IA PRÁCTICA

4. Claude Code Asombrósico

Lista “awesome” con una colección de herramientas, scripts y tutoriales para sacar todo el provecho a este agente de IA que programa por ti.

ㅤ

🤖 IA PRÁCTICA

3. Las 40 mejores herramientas de IA en 2025 (probadas y testeadas)

Escritura, gestión, productividad, presentaciones, CVs, música y hasta competidores de Google. En castellano.

ㅤ

🕹 JUEGOS

2. Peligroso y adictivo juego: Stimulation Clicker

Neal te la va a liar gordísima si haces el primer clic en este juego. No vas a poder parar. Esta es 💩 de la buena.

ㅤ

🤖 IA PRÁCTICA

1. 2.500 prompts para ChatGPT, DeepSeek...

Una selección muy bestia de Ignacio Velásquez ordenada por categorías y con “Editor`s choice” con los mejores.

ㅤ

PD: Ni una mala cara pone esta maestra del onigiri (bolas de arroz) cuando empieza su jornada a las 2 de la mañana para tirar de un carrito de comida de más de 100 kilos. Insisto, ni un mal gesto, el mejor propósito para el 2026 ;)

#379

ㅤㅤㅤ

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 2019 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

ㅤ

Si has llegado hasta aquí no te vayas sin suscribirte. Es gratis y todas las semanas tendrás tu recompensa ;)

Como dice José Manuel Gómez en nuestro podcast: “Solo es cambiar de versión”.

Con ironía, claro, porque luego se rompe todo.

▶️ Pulsa en el play arriba o escúchanos en Spotify, Apple Podcasts o cualquier podcatcher.

En este envío, si haces scroll, encontrarás:

• Un chaval de 16 años que le saca los colores a X

• Cuánto consume hablar con ChatGPT

• Optimiza Claude Code

• Hazle trampas al jefe con Cloudflare

• Un framework para que la IA haga lo que tú quieres

ㅤ

Hay dos tipos de motivaciones cuando te toca actualizar:

🔥 El fuego

Vulnerabilidad crítica. Bug enorme. Algo que está petando en producción ahora mismo.

No hay debate. Hay que tocarlo. Ya.

🐸 El pantano

Esto es más farragoso. Es ese código legacy en una versión antigua que funciona, pero cada feature nueva es una odisea.

Cada vez que tocas ese código rezas para que no se rompa nada. Porque además, seguramente no esté muy testeado.

Windows 11 te obliga a actualizar. Flash se muere.

ㅤ

🔴 Dani cuenta cómo está migrando webreactiva.com de Next.js a Astro con ayuda de Claude Code y unos cuantos miles de tokens.

🟥 José Manuel por su parte habla de quieroformarme.com y su paso de una versión canary de Next.js a una más estable donde había que encontrar un equilibrio entre novedad y realidad.

ㅤ

Los cuatro pasos para una buena migración

1. Evaluar los cambios de verdad

Lee la documentación completa. No solo los highlights.

Y aquí viene la clave: no seas optimista.

Porque generalmente no suele salir como esperas.

2. Big Bang vs Incremental

El Big Bang está sobrevalorado. Parar toda la producción para migrar es una fantasía.

Mejor por partes: microfrontends, rutas separadas, feature flags... lo que sea para no jugártela toda a una carta.

3. Separa los refactors de la actualización

Esto es crítico y José Manuel lo machaca:

“Cambia versión, haz los ajustes mínimos para que funcione, y luego optimiza. Porque si falla, no vas a saber dónde está el problema.”

Divide y vencerás.

4. Los tests son tu escudo

Sobre todo los tests de integración. Esos que validan el flujo del usuario.

Y los smoke tests después del despliegue. Aunque sean manuales. Aunque sean conceptuales.

Probar un flujo entero en producción después de migrar. Por si las moscas.

ㅤ

Y tiene razón.

La forma de programar ha cambiado. No va a cambiar. Ya ha cambiado.

Estamos escalando una montaña que antes era menos rocosa. Teníamos más claro cuál era el siguiente paso.

Hace 4-5 años era la siguiente versión del framework de turno.

Ahora es cuántas herramientas de IA tienes para aplicarlas en el nuevo software.

Y lo apasionante y lo preocupante es que estamos ahí. En primera línea.

ㅤ

Nuestra actualidad

Comentamos lo que más nos ha llamado la atención en las últimas semanas:

— Anthropic ha comprado bun.sh, el runtime de JavaScript ultrarrápido escrito en Zig que es compatible con Node pero mucho más veloz, y lo mejor es que seguirá siendo open source con el mismo equipo al mando.

— Apareció React2Shell, un exploit crítico en React Server Components que permitía ejecutar código arbitrario en el servidor y afectaba a TODOS los frameworks (Next, TanStack, Remix), pero React y Vercel respondieron en tiempo récord con los parches.

— Descubrimos TOON, un formato que compacta JSON entre un 30-60% menos de caracteres para ahorrar tokens en los LLM, y ya tiene 21.000 estrellas en GitHub por el efecto burbuja de la IA.

— WebGPU llegó para quedarse con soporte al 100% en Chrome, Edge, Firefox y Safari, permitiendo usar casi toda la potencia de tu GPU desde el navegador para ejecutar modelos de IA localmente o jugar sin plugins.

ㅤ

~~~~~~~

Si esta publicación te ayuda a ti o crees que ayudará a otros pulsa en el corazoncito para darle al “me gusta”. ¡Gracias! 🧡

~~~~~~~

ㅤ

💊 Recursos a tutiplén

⚡️ ASOMBROSICO

¿Cuánto consume cada chat con ChatGPT?

Un vídeo que explora uno de los temas más opacos de las empresas GenAI. Spoiler: Un prompt de texto consume unos 0.3 Wh, el equivalente a un segundo de microondas. Generar una imagen sube a 3 Wh y un vídeo a 90 Wh.

‎

🌳 BUENAS PRACTICAS

Con solo 16 años gana 11 mil dólares detectando fallos tontos de seguridad

Daniel cuenta paso a paso cómo encontró una vulnerabilidad XSS en Mintlify que afectaba a Discord, X, Vercel o Cursor. Inyectando scripts en SVGs conseguían robar credenciales con un solo clic.

‎

🤖 IA PRÁCTICA

Optimiza Claude Code: Skills, plugins y el arte de enseñar a la IA a programar como tú

Una buena colección de comandos, referencias, plugins y trucos para sacar más provecho de Claude Code.

‎

OpenSpec, tus agentes de código con especificaciones claras

Si has oido hablar del SDD para trabajar con orden con agentes de IA este framework open source es sencillo para echar a andar.

‎

😎 PARA FARDAR

Si tu web falla échale la culpa a Cloudflare con su página de error

Todo el mundo lo entenderá y con esta plantilla con editor incorporado podrás ajustarla a tus necesidades.

‎

😲 CURIOSO

Cloudflare Radar 2025: el auge de la IA, la era poscuántica y los DDoS sin precedentes

El enlace es el resumen en español del informe, aquí tienes algunos titulares:

• Tráfico global de internet crece un 19%

• Googlebot solo representa el 4,5% de solicitudes HTML (más que todos los bots de IA juntos)

• 52% del tráfico ya usa cifrado poscuántico

• Starlink duplicó su tráfico e incorporó 20 países nuevos

‎

🎢 CARRERA PROFESIONAL

Los agentes de IA se comen los SaaS

El software se comió el mundo. Ahora los agentes se comen el software. Reflexión sobre cómo los agentes autónomos están cambiando el modelo de negocio del SaaS.

‎

🛠 HERRAMIENTAS

Better Auth, la librería definitiva de autenticación

Agnóstica, bien documentada, compatible con frameworks, bases de datos e infraestructura variada. Es la librería de auth recomendada por Next.js, Nuxt, Astro y otros frameworks top

‎

El lazygit de las bases de datos se llama sqlit

Conéctate a bases de datos con interfaz gráfica desde el terminal: SQL server, MySql, PostreSQL, SQLite, Turso...

‎

Calendario de adviento de Laravel

Impresionante la cantidad de librerías open source mantenidas en el ecosistema de este framework de PHP. Dan para más de un mes ;)

‎

🎨 PLANTILLAS

Iconify, 200+ sets de iconos open source en un solo sitio

Ojo, porque también es una librería para librarte del tedio de Lucide React e integrar fácilmente los SVG y otros formatos.

‎

ReUI, 60+ componentes animados que extienden shadcn/ui

Componentes guapos con TypeScript, animaciones Motion y Tailwind CSS. Hasta un MCP para ayudarte con la documentación incluyen.

ㅤ

El recurso más popular de la publicación anterior fue…

🚀 Fanfa, convierte tus diagramas mermaid en animaciones

ㅤ

PD: ¿Qué zampaban en la Edad Media? Mucho más de lo que imaginas…

PD bis: ¡Feliz Navidad y Feliz 2026! Nos vemos el año que viene 🥳

#378

ㅤㅤㅤ

Y para acabar, si algún día necesitas mi ayuda…

¿Dudas con tu carrera profesional como developer? ¿No encuentras el trabajo que esperabas? ¿Quieres convertirte en creador de contenido para devs?

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 2019 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

ㅤㅤㅤ

La persona que me preguntó quedó satisfecha, incluso sonrió. Pero yo, semanas después, me di cuenta de que cometí un terrible error.

Ayúdame a encontrar a esta persona para que le llegue la mitad de la respuesta que no recibió, porque su futuro profesional, y qué demonios también el personal, puede depender de ello.

ㅤ

Soy Dani Primo de Web Reactiva y en este envío encontrarás más abajo 12 recursos para developers como:

1. Cómo hackearon una base de datos por culpa de la IA

2. Añadir animaciones a las gráficas de mermaid

3. Migrar 6.000 tests al doble de velocidad

4. Encontrar tu nombre escondido en redes

5. Crear una película con tu histórico de git

ㅤ

La pregunta que me dejó a medias

Ella preguntó algo parecido a esto:

“He escuchado que se están creando nuevos puestos de trabajo de gente que sabe hacer las cosas con IA. ¿Hay ya ofertas de gente que se dedica a arreglar lo que la IA hace mal?”

Mi respuesta resumida fue:

“Sí, por supuesto. El cartel pondría: ¿Te arreglo la chapuza que has montado con la IA?”

Risas. Siguiente pregunta. Fin.

😅 Pero eso era solo la mitad de la respuesta.

ㅤ

☝️ Lo que debí decirle (y no le dije)

Eres mejor que la experta en Fiverr que arregla chapuzas para ponerlas a funcionar.

Eres la experta en saber cómo se monta una aplicación de verdad porque conoces las cosas que hacen falta para cubrir la última milla del paso real a producción.

ㅤ

✌️ Lo que me hizo darme cuenta

Estoy metido en una migración de Next a Astro.

Con Claude Code estoy haciendo partes del trabajo en menos tiempo que nunca. Es una sinfonía de cambios, mensajes aduladores diciéndome que ya lo tiene pensado, que estoy en lo correcto, que nunca puedo fallar...

ㅤ

1️⃣ Lee

Trabajando con IA te despegas de la tarea. Ves pasar la sinfonía de cambios sin enterarte de nada.

👉 Lee lo que genera, pídele que te explique lo que está haciendo. No te ausentes del flujo de trabajo. Aunque no bajes a la raíz de toda la sintaxis, que sepas que las cosas que están ahí funcionan por algo.

ㅤ

2️⃣ Delega bien, pero sin engaños

La IA siempre te dice que sí, siempre te propone planes con tiempos estimados. Pero quien da la cara eres tú.

👉 Delega en lo que hace bien: leer documentación, generarla, analizar cosas aburridísimas, hacerte resúmenes, darte soporte cuando no sabes por dónde seguir. La responsabilidad final y las relaciones personales, eso nunca.

ㅤ

3️⃣ Productividad, no vagancia

Haces el trabajo más rápido. También es más fácil acomodarse y decir “ya está hecho, venga, a ver qué pasa en TikTok”.

👉 Invierte el tiempo ganado en mejorar en ámbitos de tu trabajo que antes no podías por falta de tiempo o presupuesto. O en ser más efectivo con estas herramientas para sacarles mayor provecho. Mantén siempre el reto de escalar un poco más arriba.

💪🏼 4 consejos para adaptarse a la realidad del trabajo asistido con Inteligencia Artificial

ㅤ

4️⃣ Es para las personas, no para la IA

La IA es muy pelota, muy aduladora. Tendemos a creer que piensa como nosotros, pero no piensa.

👉 Recuerda que el software es para que los seres humanos que lo usan queden más contentos, encuentren antes lo que buscan. Aunque parezca que desarrollas para que la máquina lo entienda mejor, realmente es para que llegue a la persona.

ㅤ

5️⃣ La siguiente generación

No irán a Google a preguntar. Irán al GPT de turno. Pueden perder la costumbre de escarbar, de liarse explorando por la Wikipedia o la página 8 de resultados.

👉 Nosotros luchamos por hacer realidad nuestra curiosidad y eso nos hizo mejores. Si las próximas generaciones no pierden esa curiosidad, serán mejores. Me niego a pensar que todo vaya a ir a peor solo porque aparezca una herramienta nueva.

Si eres tú, la persona que me preguntó aquello en Valencia, perdona por la respuesta a medias.

Y si no eres tú, pero te has sentido identificado/a... pues ya sabes.

No seas la vaca que mira al tren. 🐄

~~~~~~~

Si esta publicación te ayuda a ti o crees que ayudará a otros pulsa en el corazoncito para darle al “me gusta”. ¡Gracias! 🧡

~~~~~~~

ㅤ

¿Quieres dejar de perder el tiempo con la IA?

Ya has pasado la época de “cómo mola ChatGPT para hacer poesías de JavaScript”.

Deja de usar la IA como un simple atajo y empieza a usarla como una herramienta que de verdad te potencie sin perder tu criterio.

En Más listo que la IA vas a encontrar a Vïctor y Guillermo, dos adictos a la tecla igual que tú y que yo.

🔥 Han jugado y estudiado tanto las herramientas de inteligencia artificial que quieren enseñarte a crear sistemas de trabajo en torno a la IA.

Entra y hazte más listo que la IA

👆 Entra antes de que se acabe la oferta de lanzamiento (21 de diciembre)

ㅤ

💊 Recursos a tutiplén

😎 PARA FARDAR

Fanfa, convierte tus diagramas mermaid en animaciones

Esos gráficos tan estáticos que generamos a partir de código en texto ahora pueden animarse con colores y flechas dinámicas. Muy bonito y, también, algo limitado en su versión gratuita.

‎

⚡️ ASOMBROSICO

Transforma tu historial de commits en una película

Gitlogue es una herramienta de gran belleza que genera animaciones configurables por el histórico de tu código. Salvapantallas y youtubers los más damnificados.

‎

😲 CURIOSO

Cómo hackeé una herramienta legal de IA y encontré +100k archivos confidenciales

Filevine, valorada en más de mil millones de dólares, tenía un endpoint que devolvía un token de admin completo. Bastaba con buscar “confidential” y ríete tú de wikileaks.

‎

🌳 BUENAS PRACTICAS

Migrar 6000 tests de React en una semana gracias a IA

De React Testing Library v13 a v14 con 970 archivos de test y 50 PRs. El autor explica cómo combinó agentes de IA con manipulación de ASTs para hacer en días lo que hubiera llevado meses manualmente.

‎

🤖 IA PRÁCTICA

Qwen Code, asistente gratis de IA para programadores

Disponible para terminal tiene un tier gratuito muy amplio y es ideal para empezar con la IA con un modelo bastante decente.

‎

Cómo crear un claude.md para maximizar Claude Code

Guía práctica basada en la experiencia para configurar este archivo mágico de la forma en que Claude Code cuando se lo pides no lo hace.

‎

🛠 HERRAMIENTAS

Inspecciona tráfico HTTPS con HTTP Toolkit

En español te cuentan como controlar el tráfico HTTPS que pasa por tu máquina con este proxy man-in-the-middle.

‎

Hyperflask es un Flask vitaminado con htmx

Full-stack inspirado en Astro pero para Python con integración de htmx para dotar de iteración a la web.

‎

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

Workflows en TypeScript sin infraestructura

Inngest está detrás de los workflows de Vercel pero puedes usarlo en tu aplicación para tener reintentos, programación y control de errores.

‎

🎨 PLANTILLAS

Gitmal genera webs estáticas para tus repos en segundos

Transforma tus repositorios en páginas web estáticas sin complicaciones. Del creador de fx (el visor JSON), otra joya minimalista para tu toolkit.

‎

🛠 HERRAMIENTAS

Busca tu nombre en miles de sitios por si acaso

Maigret recopila información buscando usernames en más de 3000 plataformas. Genera informes y hasta mapas mentales.

‎

Treemd, navega tus markdown en la terminal

Con tanto markdown a todas horas este CLI te deja navegar rápido por ellos como si fueran un árbol.

ㅤ

El recurso más popular de la publicación anterior fue…

🚀 Backups automáticas para tu servidor

ㅤ

PD: Una persecución policial real en los USA contada y vivida como una película. Pide palomitas, 15 millone de visualizaciones la avalan.

#377

ㅤㅤㅤ

Y para acabar, si algún día necesitas mi ayuda…

¿Dudas con tu carrera profesional como developer? ¿No encuentras el trabajo que esperabas? ¿Quieres convertirte en creador de contenido para devs?

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 2019 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

ㅤㅤㅤ

🎧 Puedes escuchar el podcast completo en Spotify (enlace directo al episodio), en cualquier podcatcher o pulsando el play ▶️ más arriba.

ㅤ

Nos ponemos al día

• Cómo capturaron el código fuente de la App Store de Apple (enlace más abajo en 💊 Recursos a tutiplén)

• El Vibe Coding se desinfla

• Rincón Reactionario: Nuevo Nextjs 16 y la adopción de React Compiler

• IA práctica: Gemini 3 Pro para planear, GPT 5.1 para ejecutar

• Nuevos agentes en Copilot: Ojo con el presupuesto.

• La alternativa a n8n: ActivePieces

ㅤ

Los consejos para entrevistas técnicas

El mejor resumen de la charla con José Manuel recae hoy en la IA de Google.

NotebookLM tiene ahora la potencia de Nano Banana para generar imágenes de más calidad y te permite crear infografías como esta además de presentaciones completas.

Es fácil, es potente y lo has visto cientos de veces estos últimos días en publicaciones de redes.

👉 ¿Quieres los consejos en formato vídeo? Comenta más abajo “Lo quiero en vídeo” y lo tendrás ;)

ㅤ

Compartir

ㅤ

ㅤ

Esta semana hemos publicado el Fichómetro en Web Reactiva Premium

Es un framework con prompts específicos para que emules entrevistas técnicas con IA antes de enfrentarte a las reales.

Para cualquier perfil, para cualquier oferta.

💡 Puedes usarlo con ChatGPT, Claude, Gemini, LM Studio y cualquier chatbot conversacional con un modelo LLM.

Suscríbete a Web Reactiva Premium para conseguir acceso directo.

ㅤ

ㅤ

💊 Recursos a tutiplén

🌳 BUENAS PRACTICAS

La caidita de Cloudflare, explicada en español

El 18/11/25 internet se fue a negro. Un error en la lógica de un archivo de características de gestión de bots tumbó múltiples servicios de Cloudflare y, por tanto, la red casi entera.

‎

🤖 IA PRÁCTICA

Extrae todo el potencial de Nano Banana para generar imágenes

Tutorial para crear imágenes con matices muy concretos, gatos tuneados y parrafadas largas pegadas a tu frigorífico.

‎

🎢 CARRERA PROFESIONAL

Menos hype, más fundamentos

nos cuenta en su publicación De Cero a Senior que diferencia a un backender sólido de uno que solo sigue tendencias.

‎

😎 PARA FARDAR

Tus commits automáticos con vibecheck

Mensajes de commit con buenas “vibras” gracias a esta herramienta que analiza tus cambios y genera el mejor texto posible.

‎

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

Backups automáticas para tu servidor

Si eres self-hoster agradecerás un sistema open source compatible con más de 40 proveedores cloud o carpetas locales.

‎

Quítale Google a Chrome si te descargas Helium

Es un navegador open source que tiene incorporado el bloqueo de anuncios, es respetuoso con tu privacidad y compatible con las extensiones de Chrome.

‎

🤖 IA PRÁCTICA

5ire, asistente de IA de escritorio compatible con MCP

Enchufa los modelos que quieras a este cliente open source multiplataforma. Incluye base de conocimiento local y librería de prompts personalizada para mantener todo bajo tu control.

‎

🛠 HERRAMIENTAS

Save All Resources para descargar webs completas

La extensión que permitió descargar la App Store de Apple está disponible para que te hinches a descargar todo lo que hay en una web (en el frontend no hay secretos ;)

‎

Presidio, protege tus datos sensibles en producción

Framework open-source de Microsoft que detecta y anonimiza PII (nombres, tarjetas de crédito, números de seguridad social, teléfonos, bitcoin wallets) en texto, imágenes y datos estructurados.

‎

🤖 IA PRÁCTICA

TOON reduce hasta un 60% los tokens de tus prompts

Token-Oriented Object Notation es un formato mucho más compacto que el JSON, ideal para reducir costes con la IA.

‎

🎨 PLANTILLAS

El efecto spoiler de Telegram ahora también para tu web

Spoilerjs es agnóstico y te deja crear ese bonito efecto donde el mensaje aparece oculto hasta que haces clic por curioso.

‎

Pikaday, el datepicker ligero que no necesita jQuery

Una página de demostración de una librería sencilla y eficaz agnóstica y que puedes meter en React o en el JavaScript de toda la vida.

‎

⚡️ ASOMBROSICO

Skyfall-GS crea ciudades 3D explorables solo con fotos de satélite

Solo es una demo en vídeo en el momento de publicar esto, pero es el primer paso para que salgan tus pelos de la nariz en Google Maps.

ㅤ

El recurso más popular de la publicación anterior fue…

🚀 Más de 200 juegos de código abierto

ㅤ

PD: Todas las versiones de Windows explicadas. Solo por las capturas de pantalla, merece la pena verlo.

#376

ㅤㅤㅤ

Y para acabar, si algún día necesitas mi ayuda…

¿Dudas con tu carrera profesional como developer? ¿No encuentras el trabajo que esperabas? ¿Quieres convertirte en creador de contenido para devs?

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 2019 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

ㅤ

Si has llegado hasta aquí no te vayas sin suscribirte. Es gratis y todas las semanas tendrás tu recompensa ;)