Los Artefactos Web te permiten crear y compartir sin problemas componentes interactivos y dinámicos (HTML/CSS/JavaScript) directamente en tus publicaciones. Desde visualizaciones y cuestionarios hasta aplicaciones web ligeras.
El artefacto anterior fue generado usando GPT-4o y la biblioteca anime.js Demostración de CSS Grid por Claude 3.5 SonnetMás información en: Discourse AI - Web Artifacts
Para usar: ten una pregunta en tu mente, y presiona el ícono del objeto mágico. 
Ok, me voy a tomar un descanso por ahora… ¡tantas ideas!
Ninguno de esos ejemplos muestra nada en el iPad 
Y si lo abro a pantalla completa en el Hub, no puedo salir sin abandonar un foro.
Tenemos una nueva compilación de hub que @pmusaraj está publicando, ¿has actualizado a la última?
¡Sí! Salir de pantalla completa con Esc es difícil en las tabletas, y usar el botón de retroceso no me devuelve al tema, sino un paso más atrás.
Creo que podemos forzar el estado cuando haces clic en el botón para arreglar la pantalla completa
Quizás esa superposición no tiene sentido en el tacto, de todos modos se interpone en el camino de los controles en la parte superior.
¡Esta es una gran adición!
Solo quiero agregar algunos puntos para aquellos que puedan dudar en usar esto. Durante las últimas semanas, he estado usando principalmente ChatGPT con el modelo 4o para crear páginas HTML simples/básicas usando JavaScript y CSS. Lo asombroso es que el código generado casi nunca tiene errores, pero se necesita ingeniería de prompts para obtener los resultados deseados. A veces, lo que piensas y lo que el modelo cree que quieres pueden no ser lo mismo, por lo que se necesita un pequeño ajuste en el prompt.
Si tienes acceso a un lienzo en modo de codificación o similar, estos son excelentes para empezar. Además, si no eres programador y no haces esto normalmente, una de las herramientas a las que recurrir para corregir errores es conocer la tecla F12 (ref) con los navegadores de Internet.
Podría escribir un libro sobre esto, pero me detendré aquí; estás en un entorno de pruebas, ¡así que experimenta!
Si el sistema lo ha actualizado, entonces sí. 2.0.7 hace dos semanas.
Sí, de hecho fue un problema del Hub. Safari se ve bien.
¿Es posible un ejemplo de indicaciones para nosotros los que no somos programadores?
Editar
El primer intento funcionó. Ese tipo de trabajo de desarrollo es genial. Solo decir lo que se necesita. Pero algunas preguntas:
Prompt simplificado para usar como Artefacto Web de IA (no tengo acceso a Artefactos Web de IA para probar, pero debería funcionar o estar muy cerca)
Crea un juego de tragamonedas, usa JavaScript y CSS.
Prompt real utilizado con ChatGPT 4o
Crea una página HTML simple para un juego de tragamonedas, usa JavaScript y CSS. Crea como una sola página HTML para descargar.
Aquí hay un prompt más avanzado que se modificó varias veces antes de lograr el resultado deseado. Tendrá que modificarse para usarlo con un Artefacto Web de IA.
Crea una página HTML simple para un juego de Blackjack, usa JavaScript y CSS.
- Crea como una sola página HTML para descargar.
- Muestra las cartas del crupier después de plantarse.
- Añade opción para jugadores bot adicionales, muestra las cartas de los jugadores bot.
- Añade opción para apostar y llevar un registro de la cantidad.
- Muestra el total de las cartas del jugador.
- Muestra las cartas del crupier antes de mostrar el popup de quién ganó.
Si quieres algo un poco más difícil, crea un juego de damas con un oponente bot.
Esa versión no incluyó la corrección del artefacto. Nueva versión, 2.0.8, enviada para su revisión ahora mismo, debería estar disponible en breve.
La verdad es que me cuesta un poco imaginar inserciones que realmente mejoren una publicación de forma fluida. ¿Ya existen ejemplos de alguna aplicación práctica que se incluya de forma fluida?
En mi foro hay muchos temas sobre nutrición de perros. Ahora podría ofrecer un planificador simple, como ejemplo, de lo que un perro de un usuario necesitaría por día.
Me gustaría usar una IA, pero esas fallan todo el tiempo y son demasiado caras. Claro, un plugin o quizás un componente podría hacer lo mismo y mejor, pero no sé cómo.
Si pudiera enviar la respuesta de un artefacto a una IA persona con un prompt prehecho sería genial, pero no sé si eso es posible en absoluto.
¡Probemos! 
Lo tengo. Más o menos. Básicamente es “solo” otra conversación con IA donde uno explica lo que se necesita, cómo debería verse, y otras reglas y directrices estrictas.
Es básicamente Visual Basic, pero más fácil 
Visual Basic para Dummies. 
Esas imágenes son de Wikimedia; tengo muchas ganas de utilizar datos públicos de forma interactiva, para compartir arte e información. 
Vaya, me perdí este anuncio. ¡Es increíble! 
Felicidades equipo.
Ya veo que conducirá a muchas consecuencias positivas, como aumentar la participación de los usuarios, facilitar la explicación/el aprendizaje de cosas y dar retroalimentación interactiva. Además, es divertido 
.
