Scrivere testi con l’IA

L’hook useAI invia un prompt a un modello di IA e ti restituisce la sua risposta. Usalo per contenuti che cambiano ogni volta, come una poesia del giorno, una curiosità o un riepilogo di dati che il tuo widget ha già.

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>;
};

Come con useFetch, il tuo widget attende la risposta prima di essere disegnato, quindi data c’è sempre. Non serve nessuna chiave API.

Costruire il prompt dai dati

Il prompt è una normale stringa, quindi puoi riempirlo con gli input o con dati che hai già recuperato:

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>;
};

Suggerimenti

• Chiedi la forma che vuoi. La risposta è testo semplice. Indica quanto deve essere lunga e come deve essere impaginata, ad esempio «una frase» o «tre punti elenco», perché stia bene nel tuo widget.
• Aspettati una risposta nuova ogni volta. Ogni volta che la cornice viene preparata, il prompt viene inviato di nuovo e il modello scrive una risposta nuova.