Miguel Ángel Durán

@midudev • 334,104 subscribers

🧠 Enseño Programación e Inteligencia Artificial 👨‍💻 Software Engineer y Speaker ⭐ +18 años de experiencia · +3M comunidad ✉️ Contacto: [email protected]

Live Cam

Miguel Ángel Durán

Shorts

Esto es una locura. Es difícil de creer que sea una página web. Los japoneses llevan ThreeJS a otro nivel.

¡Esto nuevo de Claude Code es tremendo! Un comando /design para crear diseños de UI. Te genera tres prototipos para que elijas cuál te convence más y te lo implementa. Así funciona en 15 segundos:

¡Vercel lanza fx, su alternativa a Claude Code! Un agente de código de sólo 6MB. ✓ Sin telemetría y arranca en 10µs ✓ Open source y usa cualquier modelo Con GLM 5.2 gratis hasta el 27 de agosto: →

¡Esta web es una salvajada! Hubiera sido espectacular aprender con estos recursos en mi época. Ilustraciones en 3D, interactivas y vivas Usa Three.js para las animaciones Web: Código:

¡Qué pasada de proyecto! pdf-inspector parsea PDFs de más de 200 páginas en medio segundo. Lo transforma en un Markdown fácil de consumir. Es de código abierto y puede funcionar en el navegador: →

Este efecto líquido para tu UI es hipnótico. Parece magia… pero está hecho para usarlo en botones, menús y componentes de tu app o web. Pruébalo aquí →

¡Anthropic lanza Claude Academy! Cursos y tutoriales GRATIS para aprender a usar IA. ✓ Claude, Claude Code, Cowork y la API ✓ El mismo material que usan sus empleados ✓ Certificados y rutas personalizadas →

Charts minimalistas y animados para tu web. Se llaman Mono Charts: ✓ Los añades con un comando ✓ Hecho con React y Motion ✓ De código abierto →

¡Orca es una pasada para orquestar agentes de IA! ✓ Claude Code, Codex, OpenCode, Cursor, Grok… ✓ Envía el mismo prompt a 5 agentes y compara ✓ App móvil + GitHub + Terminal + Browser Open source. macOS, Windows y Linux. →

¡Proyectazo! Necesitas esto para tu web o app. Te genera automáticamente el skeleton de tus componentes. Sin calcular nada a mano. Envuelves tus componentes con &lt;Skeleton&gt; y listo. Para Vue, React, Angular y Svelte:

Este proyecto Open Source es BRUTAL: Meetily. Transcribe y resume tus reuniones con IA. ¡Pero lo hace todo en local! Sin subir tu audio a ningún servidor, totalmente gratis, 100% privado, en segundos. →

Crea vídeos con HTML, CSS y JS. ¿Cómo? Instalando una sola Agent Skill. Se llama HyperFrames, es de código abierto y funciona con cualquier IA. El resultado es tremendo. →

Aprovechando que ya se puede reservar GTA VI... Desarrollamos parte de su web en directo. Con HTML, CSS y un poquito de JavaScript:

¡Google ha lanzado una alternativa a Duolingo! Se llama Little Language Lessons y es 100% gratis. ✓ Inglés, Alemán, Chino... más de 40 idiomas ✓ Genera conversaciones y vocabulario ✓ Te ayuda a mejorar tu pronunciación →

Genera gradientes espectaculares para tu web. 24 estilos diferentes. Para CSS, Tailwind y SCSS →

¡Esta librería para React es una maravilla! Sube el nivel de las animaciones de tu web o app. Se llama Amicro y es de código abierto, tiene: Loaders, efectos hover, botones y transiciones. →

+200 fondos con degradados para tu web o app. ✓ Preview en vivo y los retocas en el navegador ✓ Exporta a CSS, Tailwind o variables ✓ Descarga en PNG o SVG ✓ Prompt listo para tu IA Open source: →

¡Sube el nivel de tu web o app con esto! Esta biblioteca pesa solo 2 KB y te da 10 sonidos fáciles de usar para mejorar el feedback de tu UI. &gt; pnpm add cuelume

He construido una colección de recursos gratuitos para programadores que suelo utilizar. Modelos de IA, APIs, Hosting, Analytics, Bases de Datos, Auth, CDN, Emails y mucho más: ¡Espero que te guste y te sirva! →

¡No sabía que necesitaba esto! Un AI Code Sandbox, un servidor listo en segundos con OpenCode y Claude Code instalado. Dentro puedes usar modelos gratuitos y los scrapers de Apify sin configurar nada. Incluye 5 $ gratis al mes: →

Videos

Watch Anya Live

¿Tu IA siempre crea la misma UI? ¡Prueba esto! Una colección de archivos DESIGN.md con el sistema visual de marcas reales: Apple, Airbnb, Tesla, Shopify, Stripe, Notion… Colores, tipografía, espacios, componentes: →

Truco para repositorios públicos de GitHub. Cambia en la URL la palabra "github" por "deepwiki" Y obtienes una documentación con IA gratuita:

¡CSS Flex evoluciona! Llega nuevo valor para flex-wrap. Con "balance" evitas elementos que quedan sueltos y haces que las filas se distribuyan con equilibro. Ideal para grids de tarjetas, galerías y layouts responsive.

¿Quieres ejecutar IA en local? Pero no sabes si tu ordenador lo soporta... ¡Usa esto! ✓ Detecta tu GPU desde el navegador ✓ Sin instalaciones ni registros ✓ Para texto, código, imagen y vídeo ✓ Apple, NVIDIA, AMD, y mucho más →

Un desarrollador de Singapur ha conseguido ejecutar JavaScript en una PSP creando su propio framework. Con Vue + Tailwind y Animaciones a 60fps. Consume solo 8MB de memoria RAM. Y todo de código abierto:

En Claude Code puedes ponerle nombre a tus agentes y hacer que hablen entre ellos. Architect. Reviewer. Tester. Y se coordinan entre ellos. Es así de fácil:

¡Anthropic presenta MHS! Un estándar para que la IA controle hardware real como brazos robóticos. ✓ Claude Code puede mover un robot SIN haber sido entrenado antes para ello ✓ Integrar una máquina pasa de semanas a minutos ✓ Usa MCP y será Open Source

Esta skill convierte cualquier web en diseño minimalista, al estilo escandinavo. Tipo IKEA: colores claros, tipografía limpia y mucho espacio para que el contenido respire. npx skills add ericzakariasson/scandinavian-design ¡Mira cómo queda!

Trucazo de Claude Code. Puedes ponerle nombre a tus agentes y hacer que se comuniquen entre ellos.

Pero qué locura de página web es esto

¿Cómo se crea un modelo de IA desde cero? Este recurso te enseña a crear uno en 90 minutos. Desde cero, paso a paso Tokenización, pre-training y fine-tuning Y terminas chateando con tu propio modelo Local, sin registros ni pagos: →

¡Meta acaba de lanzar un modelo de IA de pesos abiertos que supera a Gemma 4 y Qwen 3.6! Se llama Muse Glimmer: ✓ Funciona en local con GPU decente ✓ Pensado para agentes de código ✓ Modelo de 30B de parámetros ✓ 128K de contexto Una demostración con OpenCode:

¡Qué pasada esta web hecha con Three.js! Una experiencia visual 3D muy bonita a base de scroll Código: Web:

Ejecutar y entrenar modelos en local, con app de escritorio. Se llama Unsloth Desktop. ✓ Open source. Mac, Windows y Linux ✓ Claude Code y Codex con LLMs locales ✓ 2× más rápido entrenando, 70% menos VRAM →

¿Creas webs y apps con IA pero no sabes cómo explicarle lo que quieres? ¡Necesitas este recurso! Un diccionario visual de UI con nombres, conceptos, ejemplos y prompts para cada elemento de una interfaz. →

Roba el diseño de cualquiera web y transforma el HTML en Figma con una extensión. Se llama HTML to Design.

Los japoneses con ThreeJS están creando páginas web que te vuelan la cabeza:

¡Si eres programador, necesitas esta aplicación! Abre un emulador de iOS o Android en segundos. Gratuita, nativa y de código abierto: →

Reduce el uso de tokens en Claude Code, Cursor y Códex hasta un 75% con esto:

¡Proyectazo! Necesitas esto para tu web o app. Te genera automáticamente el skeleton de tus componentes. Sin calcular nada a mano. Envuelves tus componentes con <Skeleton> y listo. Para Vue, React, Angular y Svelte:

¡Sube el nivel de tu web o app con esto! Esta biblioteca pesa solo 2 KB y te da 10 sonidos fáciles de usar para mejorar el feedback de tu UI. > pnpm add cuelume