Crea un Diario dei sogni con Craft

In questo esempio useremo Craft per tenere un diario dei sogni personale. Creeremo una piccola web app che potremo usare per registrare i nostri sogni e poi chiedere a ChatGPT o Claude di aggiungere interpretazioni a ogni sogno.

Passaggio 1 — Crea il tuo documento

Il documento per il nostro diario dei sogni è semplicissimo: aggiungiamo ogni nuovo sogno in cima, con la data come titolo e alcune informazioni aggiuntive sotto.

Usa il modello per creare un nuovo documento per il tuo diario dei sogni:

Diario dei sogni

Anteprima Template Usa questa Template

Passaggio 2 — Abilita l'accesso API

Abilita l'accesso API per il tuo documento per ottenere un URL univoco che può essere usato per leggere e aggiungere contenuti al tuo documento, ad esempio dalla web app che creeremo qui sotto.

Passaggio 1

Apri la scheda “Imagine”

Passaggio 2

Fai clic su “Add Your First API Connection”

Passaggio 3

Configura la tua connessione API con un nome. Per questo progetto, l'API deve solo scrivere sui tuoi documenti. Imposta i permessi API su “Write” only.

Passaggio 4

Clicca “Add Document” e seleziona il tuo documento Dream Journal.

Passaggio 5

L'URL API che verrà utilizzato per interagire con il tuo documento è ora visualizzato in alto

Passaggio 6

Clicca il pulsante “Download AI Bundle”. Verrà scaricata una cartella contenente la documentazione API e il contenuto del tuo documento.

Passaggio 3 — Crea su Lovable

Ora proseguiamo e creiamo il sito web vero e proprio per la nostra dashboard su Lovable. Per il sito di esempio mostrato sopra, abbiamo usato questo prompt:

Sto creando un diario dei sogni per registrare e analizzare i miei sogni.

Le informazioni sono archiviate in Craft. Per favore controlla il file allegato che include un esempio dello stato attuale del mio documento Dream Journal su Craft, nonché le informazioni sull'API da utilizzare per salvare i miei sogni.

Vorrei che tu creassi un sito web con un modulo di inserimento per registrare i miei sogni e la qualità del sonno.

Il sito dovrebbe mostrare al centro un modulo con uno slider per la qualità del sonno (da molto scarsa a eccellente). Sopra lo slider dovrebbe esserci un'emoji per ogni livello di qualità, che si aggiorna man mano che lo slider viene spostato. Sotto dovrebbe esserci un campo di testo per il sogno stesso.

Il design dovrebbe essere rilassante e delicato. Usa colori tenui e forme arrotondate, con un gradiente morbido per lo sfondo.

Vai su Lovable e incolla il prompt nella casella del prompt. Assicurati di allegare l'AI Bundle del tuo documento che abbiamo appena scaricato.

Lovable si mette al lavoro, analizzando il contenuto del bundle per comprendere la struttura del documento e come usare l'API. Poi inizia a costruire il sito web secondo il nostro prompt.

Ora abbiamo un bellissimo sito che possiamo usare per aggiungere sogni al nostro diario dei sogni! Se vuoi, puoi salvare questa web app nella schermata iniziale, così puoi accedervi rapidamente ogni mattina.

Passaggio 4 — Abilita l'accesso MCP

Abilita l'accesso MCP per il tuo documento per ottenere un URL univoco che può essere usato dai client AI per leggere e aggiungere contenuti al tuo documento:

Passaggio 1

Apri la scheda “Imagine”

Passaggio 2

Clicca “Create Your First MCP Connection”

Passaggio 3

Configura la tua connessione MCP con un nome.

Passaggio 4

Clicca “Add Document” e seleziona il tuo documento Dream Journal.

Passaggio 5

L'URL MCP che verrà utilizzato per interagire con il tuo documento è ora visualizzato in alto.

Passaggio 5 — Configura la connessione MCP

Ora usiamo l'URL MCP per collegarci al documento da un client:

Per aggiungere connettori personalizzati è necessario un abbonamento Claude Pro o Max.

Passaggio 1

Vai su Impostazioni

Passaggio 2

Seleziona la sezione “Connettori” e fai clic sul pulsante “Aggiungi connettore personalizzato”

Passaggio 3

Assegna al connettore un nome significativo e incolla l'URL MCP. Lascia vuoti i campi OAuth Client ID e Client Secret nelle impostazioni avanzate: Claude gestirà automaticamente l'autenticazione, se necessario.