Escribir texto con IA

El hook useAI envía un prompt a un modelo de IA y te da su respuesta. Úsalo para contenido que cambia cada vez, como un poema diario, un dato curioso o un resumen de datos que tu widget ya tiene.

import { useAI } from "~lib/use-ai";

export const Widget = () => {
  const { data } = useAI({ prompt: "Write a haiku about autumn" });

  return <p className="whitespace-pre-line">{data.output}</p>;
};

Igual que con useFetch, tu widget espera la respuesta antes de dibujarse, así que data siempre está disponible. No necesitas ninguna clave de API.

Construir el prompt a partir de datos

El prompt es una cadena normal, así que puedes rellenarlo con entradas o con datos que ya hayas obtenido:

import { useAI } from "~lib/use-ai";
import { useFetch } from "~lib/use-fetch";

type Forecast = {
  readonly temperature: number;
  readonly summary: string;
};

export const Widget = () => {
  const { data: forecast } = useFetch<Forecast>(
    "https://api.example.com/forecast",
  );

  const { data } = useAI({
    prompt: `In one short sentence, suggest what to wear today. It will be ${forecast.temperature}°C and ${forecast.summary}.`,
  });

  return <p>{data.output}</p>;
};

Consejos

• Pide la forma que quieres. La respuesta es texto sin formato. Indica qué longitud debe tener y cómo debe organizarse, por ejemplo «una frase» o «tres viñetas», para que encaje en tu widget.
• Cuenta con una respuesta nueva cada vez. Cada vez que se prepara el marco, el prompt se vuelve a enviar y el modelo escribe una respuesta nueva.