Copilot nos echó de casa y aprendimos a no atarnos a una sola herramienta

Claude cierra Fable. Copilot hincha los precios. ¿Cómo liberarnos de la dependencia de las herramientas?

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.

ㅤ

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.

ㅤ

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

ㅤ

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.

ㅤ

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

ㅤ

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.

ㅤ

¿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).

ㅤ

ㅤ

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!

ㅤ

ㅤ

🔌 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 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

ㅤ