Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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. →

midudev's profile picture

Miguel Ángel Durán

329,736 subscribers

96,710 Aufrufe • vor 2 Monaten •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

¡Más HTML y menos JavaScript! El lenguaje evoluciona. Abre y cierra modales sin escribir código JS. Se llama Invoker Commands y ya es compatible con todos los navegadores modernos:
0:12

¡Más HTML y menos JavaScript! El lenguaje evoluciona. Abre y cierra modales sin escribir código JS. Se llama Invoker Commands y ya es compatible con todos los navegadores modernos:

Miguel Ángel Durán

40,465 Aufrufe • vor 6 Monaten

¡Espectacular! Dibujas una UI y genera el código HTML. Usa GPT-4 como motor y es de código abierto. →
0:13

¡Espectacular! Dibujas una UI y genera el código HTML. Usa GPT-4 como motor y es de código abierto. →

Miguel Ángel Durán

270,825 Aufrufe • vor 2 Jahren

Crea diseños en Flexbox o Grid con este recurso. Te da el HTML, CSS y código de Tailwind para copiar:
0:12

Crea diseños en Flexbox o Grid con este recurso. Te da el HTML, CSS y código de Tailwind para copiar:

Miguel Ángel Durán

29,077 Aufrufe • vor 10 Monaten

Microsot ha sacado algo muy interesante... ¡Autocompletado que funciona en todas las terminales! Se llama Inshellisense y es de código abierto:
0:10

Microsot ha sacado algo muy interesante... ¡Autocompletado que funciona en todas las terminales! Se llama Inshellisense y es de código abierto:

Miguel Ángel Durán

70,216 Aufrufe • vor 1 Jahr

Hoy hemos empezado a desarrollar la web de GTA VI con HTML, CSS y JavaScript, usando animaciones con GSAP. ¿Qué te parece? Código abierto:
0:14

Hoy hemos empezado a desarrollar la web de GTA VI con HTML, CSS y JavaScript, usando animaciones con GSAP. ¿Qué te parece? Código abierto:

Miguel Ángel Durán

25,783 Aufrufe • vor 1 Jahr

¡Esta EXTENSIÓN de CODE te ahorra muchas horas! Crea un servidor para previsualizar tu web: - Cambios en tiempo real de HTML, CSS y JS - Se abre un navegador en el mismo editor - Actualización de contenido sin guardar Se llama Live Preview y aquí tienes una demostración:
0:17

¡Esta EXTENSIÓN de CODE te ahorra muchas horas! Crea un servidor para previsualizar tu web: - Cambios en tiempo real de HTML, CSS y JS - Se abre un navegador en el mismo editor - Actualización de contenido sin guardar Se llama Live Preview y aquí tienes una demostración:

Miguel Ángel Durán

174,498 Aufrufe • vor 2 Jahren

¡Esta EXTENSIÓN de CODE te ahorra muchas horas! Crea un servidor para previsualizar tu web ✓ Cambios en tiempo real de HTML, CSS y JS ✓ Abre un navegador en el mismo editor ✓ Actualiza el contenido sin guardar Se llama Live Preview y aquí tienes una demo ↓
0:17

¡Esta EXTENSIÓN de CODE te ahorra muchas horas! Crea un servidor para previsualizar tu web ✓ Cambios en tiempo real de HTML, CSS y JS ✓ Abre un navegador en el mismo editor ✓ Actualiza el contenido sin guardar Se llama Live Preview y aquí tienes una demo ↓

Miguel Ángel Durán

56,392 Aufrufe • vor 2 Jahren

Alguien se pasó cuatro años desarrollando un entorno de escritorio completo usando tecnologías web. El resultado es espectacular y es de código abierto:
0:15

Alguien se pasó cuatro años desarrollando un entorno de escritorio completo usando tecnologías web. El resultado es espectacular y es de código abierto:

Miguel Ángel Durán

124,099 Aufrufe • vor 1 Monat

Tremendo generador de botones con CSS. ¡Es interactivo y totalmente personalizable!
0:17

Tremendo generador de botones con CSS. ¡Es interactivo y totalmente personalizable!

Miguel Ángel Durán

97,479 Aufrufe • vor 2 Jahren

¿Pero qué brujería es esta? ¡Sólo con HTML y CSS! Cero líneas de JavaScript:
0:19

¿Pero qué brujería es esta? ¡Sólo con HTML y CSS! Cero líneas de JavaScript:

Miguel Ángel Durán

67,189 Aufrufe • vor 1 Jahr

BRUTAL ¡Web para borrar fondos de imágenes con IA! ✓ ¡Es gratis y privado! Se ejecuta en tu navegador ✓ Muy rápido al usar WebGPU y Transformers.js ✓ 100% de código abierto con licencia Apache Muy sorprendido con los resultados: →
0:14

BRUTAL ¡Web para borrar fondos de imágenes con IA! ✓ ¡Es gratis y privado! Se ejecuta en tu navegador ✓ Muy rápido al usar WebGPU y Transformers.js ✓ 100% de código abierto con licencia Apache Muy sorprendido con los resultados: →

Miguel Ángel Durán

52,790 Aufrufe • vor 1 Jahr

¡Qué maravilla de recurso para programadores! Colección de botones hermosos para tu Web o App. Con el HTML, JS y CSS listo para copiar: →
0:19

¡Qué maravilla de recurso para programadores! Colección de botones hermosos para tu Web o App. Con el HTML, JS y CSS listo para copiar: →

Miguel Ángel Durán

121,735 Aufrufe • vor 2 Jahren

¿Necesitas crear un dashboard? ¡Aquí lo tienes! ✓ Con Tailwind y totalmente personalizable ✓ 50 componentes preparados para usar ✓ Versiones en HTML, React y Vue.js ✓ Modo oscuro y responsive ¿Lo mejor? Es de código abierto:
0:13

¿Necesitas crear un dashboard? ¡Aquí lo tienes! ✓ Con Tailwind y totalmente personalizable ✓ 50 componentes preparados para usar ✓ Versiones en HTML, React y Vue.js ✓ Modo oscuro y responsive ¿Lo mejor? Es de código abierto:

Miguel Ángel Durán

74,069 Aufrufe • vor 7 Monaten

Github acaba de ☠️ al vibe coding Acaba de publicar spec-kit y en pocos días tiene 95k estrellas y 8.3k forks Esto no es un proyecto cualquiera. Es GitHub diciéndote cómo se programa con IA de verdad. El problema con los agentes de IA no es el modelo Es que le mandas una idea en texto y él interpreta lo que quiere Spec-kit resuelve eso con 6 comandos que convierten tu idea en una especificación estructurada antes de escribir una sola línea de código ✅ /speckit.constitution → las reglas del proyecto: calidad, testing, arquitectura ✅ /speckit.specify → describes QUÉ construir, no el stack ✅ /speckit.clarify → el agente pregunta lo que no entiende antes de empezar ✅ /speckit.plan → ahora sí eliges la tecnología ✅ /speckit.tasks → lista de tareas ordenada por dependencias ✅ /speckit.implement → el agente construye El entregable ya no es código generado a lo loco Es una especificación viva que tu IA lee, valida y ejecuta paso a paso Funciona con Claude Code, Cursor, Copilot, Codex, Gemini CLI y más de 25 agentes La diferencia real es esta Antes: "hazme una app de tareas" y rezas para que el agente no se pierda a mitad Ahora: especificación primero, código después El agente sabe exactamente qué construir, en qué orden y por qué 95k estrellas. 8.3k forks. Publicado por el propio GitHub. Licencia MIT. el repo aquí ⬇️
0:14

Github acaba de ☠️ al vibe coding Acaba de publicar spec-kit y en pocos días tiene 95k estrellas y 8.3k forks Esto no es un proyecto cualquiera. Es GitHub diciéndote cómo se programa con IA de verdad. El problema con los agentes de IA no es el modelo Es que le mandas una idea en texto y él interpreta lo que quiere Spec-kit resuelve eso con 6 comandos que convierten tu idea en una especificación estructurada antes de escribir una sola línea de código ✅ /speckit.constitution → las reglas del proyecto: calidad, testing, arquitectura ✅ /speckit.specify → describes QUÉ construir, no el stack ✅ /speckit.clarify → el agente pregunta lo que no entiende antes de empezar ✅ /speckit.plan → ahora sí eliges la tecnología ✅ /speckit.tasks → lista de tareas ordenada por dependencias ✅ /speckit.implement → el agente construye El entregable ya no es código generado a lo loco Es una especificación viva que tu IA lee, valida y ejecuta paso a paso Funciona con Claude Code, Cursor, Copilot, Codex, Gemini CLI y más de 25 agentes La diferencia real es esta Antes: "hazme una app de tareas" y rezas para que el agente no se pierda a mitad Ahora: especificación primero, código después El agente sabe exactamente qué construir, en qué orden y por qué 95k estrellas. 8.3k forks. Publicado por el propio GitHub. Licencia MIT. el repo aquí ⬇️

arc.

116,790 Aufrufe • vor 19 Tagen

Github acaba de ☠️ al vibe coding Acaba de publicar spec-kit y en pocos días tiene 95k estrellas y 8.3k forks Esto no es un proyecto cualquiera. Es GitHub diciéndote cómo se programa con IA de verdad. El problema con los agentes de IA no es el modelo Es que le mandas una idea en texto y él interpreta lo que quiere Spec-kit resuelve eso con 6 comandos que convierten tu idea en una especificación estructurada antes de escribir una sola línea de código ✅ /speckit.constitution → las reglas del proyecto: calidad, testing, arquitectura ✅ /speckit.specify → describes QUÉ construir, no el stack ✅ /speckit.clarify → el agente pregunta lo que no entiende antes de empezar ✅ /speckit.plan → ahora sí eliges la tecnología ✅ /speckit.tasks → lista de tareas ordenada por dependencias ✅ /speckit.implement → el agente construye El entregable ya no es código generado a lo loco Es una especificación viva que tu IA lee, valida y ejecuta paso a paso Funciona con Claude Code, Cursor, Copilot, Codex, Gemini CLI y más de 25 agentes La diferencia real es esta Antes: "hazme una app de tareas" y rezas para que el agente no se pierda a mitad Ahora: especificación primero, código después El agente sabe exactamente qué construir, en qué orden y por qué 95k estrellas. 8.3k forks. Publicado por el propio GitHub. Licencia MIT. el repo aquí ⬇️
0:14

Github acaba de ☠️ al vibe coding Acaba de publicar spec-kit y en pocos días tiene 95k estrellas y 8.3k forks Esto no es un proyecto cualquiera. Es GitHub diciéndote cómo se programa con IA de verdad. El problema con los agentes de IA no es el modelo Es que le mandas una idea en texto y él interpreta lo que quiere Spec-kit resuelve eso con 6 comandos que convierten tu idea en una especificación estructurada antes de escribir una sola línea de código ✅ /speckit.constitution → las reglas del proyecto: calidad, testing, arquitectura ✅ /speckit.specify → describes QUÉ construir, no el stack ✅ /speckit.clarify → el agente pregunta lo que no entiende antes de empezar ✅ /speckit.plan → ahora sí eliges la tecnología ✅ /speckit.tasks → lista de tareas ordenada por dependencias ✅ /speckit.implement → el agente construye El entregable ya no es código generado a lo loco Es una especificación viva que tu IA lee, valida y ejecuta paso a paso Funciona con Claude Code, Cursor, Copilot, Codex, Gemini CLI y más de 25 agentes La diferencia real es esta Antes: "hazme una app de tareas" y rezas para que el agente no se pierda a mitad Ahora: especificación primero, código después El agente sabe exactamente qué construir, en qué orden y por qué 95k estrellas. 8.3k forks. Publicado por el propio GitHub. Licencia MIT. el repo aquí ⬇️

arc.

256,529 Aufrufe • vor 1 Monat

¡Página que te explica cualquier código paso a paso! Con una guía visual de la ejecución. Funciona con Python, JavaScript, C, C++ y Java →
0:13

¡Página que te explica cualquier código paso a paso! Con una guía visual de la ejecución. Funciona con Python, JavaScript, C, C++ y Java →

Miguel Ángel Durán

115,440 Aufrufe • vor 1 Jahr

¡Estoy alucinando con este proyectazo! Alternativa a Notion de código abierto y gratuita ✓ Disponible para Windows, Linux y macOS ✓ Desarrollada con Rust y Flutter ✓ Con Inteligencia Artificial local Se llama AppFlowy y pinta así ↓
0:15

¡Estoy alucinando con este proyectazo! Alternativa a Notion de código abierto y gratuita ✓ Disponible para Windows, Linux y macOS ✓ Desarrollada con Rust y Flutter ✓ Con Inteligencia Artificial local Se llama AppFlowy y pinta así ↓

Miguel Ángel Durán

95,850 Aufrufe • vor 2 Jahren

Impresiones ya en frio de #NintendoSwitch2 tras pasar 4 horas con ella - Donkey Kong Bananza es increíble. Todos deben probarlo. - Cyberpunk 2077 en portátil es una hazaña. Tremendo cómo se ve (y se mueve). - La consola es rocosa y de tacto premium. - El mando Pro. EL MANDO.
0:14

Impresiones ya en frio de #NintendoSwitch2 tras pasar 4 horas con ella - Donkey Kong Bananza es increíble. Todos deben probarlo. - Cyberpunk 2077 en portátil es una hazaña. Tremendo cómo se ve (y se mueve). - La consola es rocosa y de tacto premium. - El mando Pro. EL MANDO.

Alejandro Castillo

77,206 Aufrufe • vor 1 Jahr

¡Esta biblioteca de React es preciosa! Muestra notificaciones en tu aplicación fácil y rápido Personalizable y funciona con 3 líneas de código: →
0:12

¡Esta biblioteca de React es preciosa! Muestra notificaciones en tu aplicación fácil y rápido Personalizable y funciona con 3 líneas de código: →

Miguel Ángel Durán

28,830 Aufrufe • vor 1 Jahr

¡El mejor Catálogo UI para crear Dashboards! También perfecto para gráficas y datos: ✓ De código abierto ✓ +20 componentes de React ✓ Personalizable con Tailwind CSS → tremor․so
0:10

¡El mejor Catálogo UI para crear Dashboards! También perfecto para gráficas y datos: ✓ De código abierto ✓ +20 componentes de React ✓ Personalizable con Tailwind CSS → tremor․so

Miguel Ángel Durán

63,047 Aufrufe • vor 2 Jahren