Écrire du texte avec l’IA

Le hook useAI envoie une invite (prompt) à un modèle d’IA et vous renvoie sa réponse. Utilisez-le pour un contenu qui change à chaque fois, comme un poème du jour, une anecdote amusante ou le résumé de données dont votre widget dispose déjà.

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

Comme avec useFetch, votre widget attend la réponse avant d’être dessiné : data est donc toujours là. Aucune clé d’API n’est nécessaire.

Construire l’invite à partir de données

L’invite est une chaîne de caractères ordinaire : vous pouvez donc la composer avec vos entrées ou avec des données que vous avez déjà récupérées :

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

Conseils

• Demandez la forme que vous voulez. La réponse est du texte brut. Précisez sa longueur et sa présentation, par exemple « une phrase » ou « trois puces », pour qu’elle tienne dans votre widget.
• Attendez-vous à une nouvelle réponse à chaque fois. Chaque fois que le cadre est préparé, l’invite est renvoyée et le modèle écrit une nouvelle réponse.