Tutoriales, demos y novedades sobre diseño y desarrollo web con IA, seleccionados de YouTube y Vimeo.
En Syntax muestran un agente que arranca solo ante un error de Sentry, se puede pausar y retomar, y termina abriendo un pull request. Usa Pi Durable, una librería para agentes que guardan su estado y sobreviven a reinicios.
Code Layers entra en beta abierta: permite partir de un repositorio, explorar variantes con el agente de Figma, convertirlas en capas editables y enviar los cambios a una rama de GitHub. Un paso más para acercar diseño y código en el mismo sitio.
Con Modern Web Guidance instalado, el agente de programación crea diálogos declarativos con comandos invocadores en lugar de código repetitivo, y cuida la compatibilidad entre navegadores. Forma parte de una serie semanal de Chrome sobre el tema.
midudev convierte seis fotos de un restaurante en una landing en la que el scroll avanza por el local, usando Claude Code y el MCP de Higgsfield para generar los clips. Muestra el flujo desde el terminal y el truco para unir los tramos. Vídeo patrocinado por Higgsfield.
Figma permite añadir archivos de directrices a una librería para que su agente respete las convenciones del sistema de diseño sin repetirlas en cada prompt. El vídeo muestra cómo configurarlo una vez para todo el equipo.
Las nuevas versiones permiten reenviar peticiones de red, muestran la especificidad CSS en la pestaña Styles y abren la depuración de memoria a los agentes. Chrome pasa además a publicar versiones cada dos semanas.
Chrome enseña cómo Modern Web Guidance lleva guías de la plataforma al contexto del agente para que genere animaciones ligadas al scroll con CSS nativo. Compara el resultado con el de un modelo sin esas guías.
Web Dev Simplified repasa qué va en AGENTS.md, cuándo conviene usar skills y qué es un system prompt, con los errores de configuración más habituales. Una guía práctica para sacar más partido a los agentes de programación en proyectos web.
Un repaso a diez capacidades del navegador, nuevas y veteranas, que los asistentes de IA tienden a ignorar aunque mejoran el código, como la carga diferida de imágenes. Sirve para revisar y corregir lo que generan.
