Has picado: un framework mágico con el que, tirando un prompt, construyes un clon de Facebook entero.
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.
⏳ 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.
Curso gratis del SDD framework OpenSpec en Web Reactiva, el framework de Spec-Driven Development más potente que no te complica la vida.
☝️ Ideal para los proyectos legacy.
✌️ Ideal para principiantes en IA.
🖖 TOP porque es gratis
ㅤ
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
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
