Gli Artefatti Web ti consentono di creare e condividere senza interruzioni componenti interattivi e dinamici (HTML/CSS/JavaScript) direttamente nei tuoi post. Da visualizzazioni e quiz ad applicazioni web leggere.
L'artefatto sopra è stato generato utilizzando GPT-4o e la libreria anime.js Demo CSS Grid di Claude 3.5 SonnetScopri di più su: Discourse AI - Web Artifacts
Per usarlo: tieni una domanda in mente, e premi l’icona dell’oggetto magico. 
Ok, per ora mi prendo una pausa… troppe idee!
Nessuno di quegli esempi mostra nulla su iPad 
E se apro a schermo intero sull’Hub non posso uscirne senza abbandonare un forum.
Abbiamo una nuova build di hub che @pmusaraj sta pubblicando, ti sei aggiornato all’ultima versione?
Sì! Esc per uscire dalla modalità a schermo intero è difficile sui tablet e usare il pulsante indietro non mi riporta all’argomento ma un passo indietro.
Penso che possiamo spingere lo stato quando si fa clic sul pulsante per correggere lo schermo intero
Forse quella sovrapposizione non ha senso al tatto, intralcia comunque i controlli in alto
Questa è un’ottima aggiunta!
Voglio solo aggiungere alcuni punti per coloro che potrebbero essere esitanti nell’usarlo. Nelle ultime settimane, ho utilizzato principalmente ChatGPT con il modello 4o per creare pagine HTML semplici/vanilla utilizzando JavaScript e CSS. Ciò che è sorprendente è che il codice generato quasi mai ha un bug, ma è necessaria l’ingegneria dei prompt per ottenere i risultati desiderati. A volte, ciò che pensi e ciò che il modello pensa che tu voglia potrebbero non essere la stessa cosa, quindi è necessaria una piccola modifica del prompt.
Se hai accesso a una canvas in modalità di codifica o simile, questi sono ottimi per iniziare. Inoltre, se non sei un programmatore e non lo fai normalmente, uno degli strumenti più utili per correggere i bug è essere consapevoli del tasto F12 (ref) con i browser Internet.
Potrei scrivere un libro su questo, ma mi fermerò qui; sei in un sandbox, quindi gioca!
Se il sistema lo ha aggiornato, allora sì. 2.0.7 due settimane fa.
Sì, era effettivamente un problema di Hub. Safari mostra bene.
È possibile un esempio di prompting per noi non programmatori?
Modifica
Il primo tentativo ha funzionato. Quel tipo di lavoro di sviluppo è ottimo. Basta dire cosa è necessario. Ma alcune domande:
Prompt semplificato da utilizzare come artefatto web AI (non ho accesso agli artefatti web AI per testare, ma dovrebbe funzionare o esserci molto vicino)
Crea un gioco di slot machine, usa JavaScript e CSS.
Prompt effettivo utilizzato con ChatGPT 4o
Crea una semplice pagina HTML per un gioco di slot machine, usa JavaScript e CSS. Creala come singola pagina HTML da scaricare.
Ecco un prompt più avanzato che è stato modificato alcune volte prima di ottenere il risultato desiderato. Dovrà essere modificato per l’uso con un artefatto web AI.
Crea una semplice pagina HTML per un gioco di Blackjack, usa JavaScript e CSS.
- Creala come singola pagina HTML da scaricare.
- Mostra le carte del dealer dopo che si è fermato.
- Aggiungi l’opzione per ulteriori giocatori bot, mostra le carte dei giocatori bot.
- Aggiungi l’opzione per scommettere e tenere traccia dell’importo.
- Mostra il totale delle carte del giocatore.
- Mostra le carte del dealer prima di visualizzare il popup di chi ha vinto.
Se vuoi qualcosa di un po’ più difficile, crea un gioco di dama con un avversario bot.
Quella release non includeva la correzione per gli artefatti. La nuova versione, 2.0.8, è stata appena inviata per la revisione, dovrebbe essere disponibile a breve.
Onestamente, sto lottando un po’ per immaginare inserimenti che migliorino davvero un post in modo fluido. Ci sono già esempi di applicazioni pratiche che verrebbero incluse in modo fluido?
Sul mio forum ci sono molti argomenti sulla nutrizione dei cani. Ora potrei offrire un semplice pianificatore, come esempio, di cosa avrebbe bisogno il cane di un utente al giorno.
Vorrei usare un’IA, ma quelle falliscono ogni volta e sono troppo costose. Certo, un plugin o forse un componente potrebbero fare lo stesso e meglio, ma non so come.
Se potessi inviare la risposta di un artefatto a una persona AI con un prompt pre-fatto sarebbe bello, ma non so se sia possibile.
Proviamoci! 
Capito. Più o meno. In pratica è “solo” un’altra conversazione con l’IA in cui si spiega cosa serve, come dovrebbe apparire, e altre regole e direttive rigide.
È fondamentalmente Visual Basic, ma più facile 
Visual Basic per i principianti. 
Quelle immagini provengono da Wikimedia; non vedo l’ora di utilizzare dati pubblici in modo interattivo, per la condivisione di arte e informazioni. 
Oh, wow, ho perso questo annuncio. È fantastico! 
Congratulazioni team.
Vedo già che porterà a molte conseguenze positive, come aumentare il coinvolgimento degli utenti, rendere più facile spiegare/imparare le cose e fornire feedback interattivo. Inoltre, è divertente 
.
