Cómo añadir funciones de IA a tu app con m77.ai

Añadir IA a una app suele implicar darse de alta en un proveedor de modelos, guardar una clave de API en un servidor y escribir un endpoint de backend para que la clave nunca llegue al navegador. En builder77 eso ya está hecho. Todas las apps tienen m77.ai.chat, y las llamadas se cobran de los créditos de integración del propietario de la app: 1 crédito por cada 500 tokens (entrada + salida, mínimo 1 por llamada).

Lo básico

const reply = await m77.ai.chat('Suggest three names for a coffee shop by the sea');

const answer = await m77.ai.chat(
  [{ role: 'user', content: question }],
  { system: 'You are a friendly barista. Answer in two sentences.' }
);

Pasa un texto para un prompt puntual o un array de mensajes para una conversación. La instrucción opcional system define el tono y las reglas.

Salida estructurada con json: true

Las funciones de IA más útiles no quieren prosa: quieren datos que tu interfaz pueda mostrar. Activa json: true y describe la forma que quieres. Recibirás un objeto ya interpretado.

const recipe = await m77.ai.chat(
  `Create a recipe using: ${ingredients.join(', ')}.
   Return JSON: { "title": string, "minutes": number, "steps": string[] }`,
  { json: true }
);
renderRecipe(recipe);

Cinco patrones que funcionan bien

• Resumir: convierte notas largas, reseñas o tickets de soporte en un breve resumen al principio de la página.
• Clasificar: etiqueta los formularios recibidos por tema o urgencia y guarda la etiqueta con m77.db.update.
• Generar borradores: descripciones de producto, publicaciones para redes sociales, respuestas a correos, siempre editables antes de guardar.
• Extraer: saca fechas, importes o nombres de un texto libre y colócalos en campos.
• Asistir: un pequeño panel de chat que responde preguntas sobre el contenido de la página.

Guarda los resultados para no pagar dos veces

Las llamadas se miden por tokens: 1 crédito de integración por cada 500 tokens (entrada + salida, mínimo 1 por llamada), así que una respuesta típica cuesta unos 3–4 créditos. Si un resultado no cambia a menudo (el resumen de un documento, las etiquetas de un registro), guárdalo en la base de datos y regenéralo solo cuando cambie el original.

if (!note.summary) {
  const summary = await m77.ai.chat(`Summarize in one sentence: ${note.body}`);
  await m77.db.update('notes', note.id, { summary });
}

Diseña pensando en la espera y en los fallos

Las llamadas de IA tardan un momento, así que trátalas como cualquier petición de red: desactiva el botón, muestra un estado de carga y gestiona los errores con un mensaje amable. m77.toast('Something went wrong', 'error') es una alternativa sencilla. Las apps que crea builder77 lo hacen por defecto, pero conviene comprobarlo cuando añades funciones a mano.

Escribe prompts como especificaciones

El mismo consejo que sirve para crear apps sirve para los prompts que van dentro de ellas. Sé concreto con la longitud, el tono, el formato y con qué hacer cuando la entrada falta o es rara.

Escribes descripciones de producto para una tienda de cerámica artesanal. Máximo 40 palabras. Cálidas, concretas, sin superlativos. Si faltan detalles, escribe una descripción breve y neutra en lugar de inventarte datos.

Usa los resultados de la IA con responsabilidad

• Avisa a los usuarios cuando un contenido esté generado por IA, sobre todo en interfaces de chat.
• Deja que la gente revise y edite los borradores de la IA antes de publicarlos o enviarlos.
• No uses la respuesta de la IA como última palabra en cuestiones de salud, legales o financieras.
• Evita enviar datos personales sensibles en los prompts salvo que sea imprescindible.

Pídele a builder77 que lo construya

Rara vez tendrás que escribir nada de esto tú mismo. Prueba prompts como «añade un botón de IA que sugiera etiquetas para cada nota y las guarde» o «añade un asistente de chat que responda preguntas sobre la carta». El editor conoce m77.ai y conectará por ti la interfaz, los estados de carga y el almacenamiento.