{"id":6964,"date":"2025-05-23T16:40:00","date_gmt":"2025-05-23T19:40:00","guid":{"rendered":"https:\/\/irisfernandez.com.ar\/betaweblog\/?p=6964"},"modified":"2025-05-23T18:57:58","modified_gmt":"2025-05-23T21:57:58","slug":"vibe-coding-para-crear-recursos-educativos-reutilizables","status":"publish","type":"post","link":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/2025\/05\/23\/vibe-coding-para-crear-recursos-educativos-reutilizables\/","title":{"rendered":"Vibe Coding para crear Recursos Educativos Reutilizables"},"content":{"rendered":"\n

Hace un tiempo que venimos experimentando con la programaci\u00f3n a trav\u00e9s de herramientas de Inteligencia Artificial, creando sitios con ChatGPT<\/a>, creando gr\u00e1ficos tipo SVG<\/a> a trav\u00e9s del c\u00f3digo, y luego mini aplicaciones interactivas<\/a>. Tambi\u00e9n creamos cartelitos para un aula virtual pidiendo el c\u00f3digo html<\/a>.<\/p>\n\n\n\n

Este \u00faltimo tiempo me enter\u00e9 del concepto de VibeCoding<\/a>, creado en febrero de 2025, poni\u00e9ndole nombre a esto que ya ven\u00edamos experimentando, que hace referencia a una forma de programar utilizando lenguaje natural.<\/p>\n\n\n\n

Algo muy novedoso es la capacidad de las distintas herramientas para crear ese c\u00f3digo a partir de nuestro pedido en lenguaje natural, mostrarnos el resultado, y permitirnos compartir el enlace para que otras personas puedan utilizar la aplicaci\u00f3n.<\/strong><\/p>\n\n\n\n

En Claude<\/a>, cada creaci\u00f3n interactiva se denomina artefacto<\/strong>, y es posible remixar un artefacto que alguien comparte, para crear uno similar.<\/p>\n\n\n\n

En Gemini<\/a>, la opci\u00f3n de ver y utilizar el c\u00f3digo generado se llama canvas.<\/strong><\/p>\n\n\n\n

En DeepSeek<\/a>, es posible generar c\u00f3digo y previsualizarlo pero por el momento no hay opci\u00f3n de compartir el enlace para que otras personas lo vean (hay que descargar el c\u00f3digo y subirlo a un servidor o enviar el archivo)<\/p>\n\n\n\n

\u00bfC\u00f3mo reutilizar una de estas producciones?<\/h2>\n\n\n\n

En Claude, al visualizar un interactivo, por ejemplo este sobre te\u00f3ricos de la educaci\u00f3n<\/a>, se hace clic en la opci\u00f3n “Remixar artefacto” o “Customize artifact”, y se le pide a trav\u00e9s del prompt que cree un interactivo similar, modificando el contenido.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n


M\u00e1s ejemplos, y esto es s\u00f3lo el comienzo<\/h2>\n\n\n\n

Aqu\u00ed dejo dos videos sobre c\u00f3mo crear aplicaciones, pero esto reci\u00e9n empieza.<\/p>\n\n\n\n

\n