Imagina con Craft

Diario de sueños

Captura tus sueños y descubre sus significados ocultos. Registra cada sueño a través de una aplicación web personalizada y utiliza ChatGPT o Claude para interpretar el simbolismo y las emociones que hay detrás de ellos.

Diario de sueñosDiario de sueños

Constrúyelo tú mismo

En este ejemplo, usaremos Craft para mantener un diario de sueños personal. Construiremos una pequeña aplicación web que nos permitirá registrar nuestros sueños y luego pedirle a ChatGPT o Claude que añadan interpretaciones a cada sueño.

Paso 1Crea tu documento

El documento de nuestro diario de sueños es muy sencillo: simplemente añadimos cada nuevo sueño en la parte superior, con la fecha como encabezado y algo de información adicional debajo.

Usa la plantilla para crear un nuevo documento para tu diario de sueños:

Paso 2Habilitar acceso a la API

Habilita el acceso a la API para tu documento para obtener una URL única que se pueda usar para leer y añadir contenido a tu documento, por ejemplo desde la aplicación web que construiremos a continuación.

Paso 1

Abre la pestaña “Imagine”

Paso 2

Haz clic en “Agregar tu primera conexión de API”

Paso 3

Configura tu conexión de la API con un nombre. Para este proyecto, la API únicamente requiere permiso de escritura en tus documentos. Establece los permisos de la API en “Escritura” solamente.

Paso 4

Haz clic en “Agregar documento” y selecciona tu documento Dream Journal.

Paso 5

La URL de la API que se utilizará para interactuar con tu documento ahora se muestra en la parte superior

Paso 6

Haz clic en el botón “Descargar paquete de IA”. Esto descargará una carpeta con la documentación de la API y el contenido de tu documento.

Paso 3Crea con Lovable

Ahora sigamos y construyamos el sitio web real para nuestro panel en Lovable. Para el sitio de ejemplo mostrado arriba, usamos este prompt:

Estoy creando un diario de sueños para registrar y analizar mis sueños.

La información se almacena en Craft. Por favor, revisa el archivo adjunto, que incluye un ejemplo del estado actual de mi documento de Diario de Sueños en Craft, así como información sobre la API que deberías usar para guardar mis sueños.

Quiero que crees un sitio web que muestre un formulario de entrada para registrar mis sueños y la calidad de mi sueño.

El sitio debe mostrar, en el centro, un formulario con un control deslizante para la calidad del sueño (de muy mala a excelente). Encima del control deslizante debe haber un emoji para cada nivel de calidad, que se vaya actualizando a medida que se mueve el control. Debajo, debe haber un campo de texto para escribir el sueño en sí.

El diseño debe ser calmante y suave. Utiliza colores melancólicos y formas redondeadas, con un degradado suave para el fondo.

Ve a Lovable y pega el prompt en el cuadro del prompt. Asegúrate de adjuntar el paquete de IA de tu documento que acabamos de descargar.

Lovable se pone manos a la obra, analizando el contenido del bundle para entender la estructura del documento y cómo usar la API. Luego comienza a crear el sitio web según nuestro prompt.

Ahora tenemos un sitio con estilo que podemos usar para añadir sueños a nuestro diario de sueños. Si quieres, puedes guardar esta app web en tu pantalla de inicio para acceder rápidamente cada mañana.

Paso 4Habilitar acceso MCP

Habilita el acceso MCP para tu documento y obtén una URL única que pueda usarse para leer y añadir contenido a tu documento desde clientes de IA:

Paso 1

Abre la pestaña « Imagine »

Paso 2

Haz clic en “Crear tu primera conexión MCP”

Paso 3

Configura tu conexión MCP con un nombre.

Paso 4

Haz clic en “Agregar documento” y selecciona tu documento Dream Journal.

Paso 5

La URL de MCP que se utilizará para interactuar con tu documento ahora se muestra en la parte superior.

Paso 5Configurar la conexión MCP

Ahora usemos la URL de MCP para conectarnos al documento desde un cliente:

Se requiere una suscripción a Claude Pro o Max para añadir conectores personalizados.

Paso 1

Ve a Configuración

Paso 2

Selecciona la sección “Conectores” y haz clic en el botón “Añadir conector personalizado”

Paso 3

Dale un nombre significativo al conector y pega la URL MCP. Deja los campos de ID de cliente OAuth y Secreto de cliente en la Configuración avanzada vacíos: Claude gestionará la autenticación automáticamente si es necesario.

Paso 4

Después de confirmar, tu conector ya está configurado y puedes empezar a usarlo en tus chats.

Para obtener más información, consulta la documentación de Claude: “Introducción a los conectores personalizados con Remote MCP

Paso 6Comienza a interactuar con tu documento

Ahora puedes pedirle a Claude que revise nuestro diario de sueños y añada interpretaciones a nuestros sueños más recientes:

Haz clic en un ejemplo para copiar el prompt a tu portapapeles

Más ideas para que pruebes

Volver a la galería