Text mit KI schreiben

Der Hook useAI sendet einen Prompt an ein KI-Modell und gibt Ihnen dessen Antwort. Nutzen Sie ihn für Inhalte, die jedes Mal anders sind, etwa ein Gedicht des Tages, einen witzigen Fakt oder eine Zusammenfassung von Daten, die Ihr Widget bereits hat.

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

Wie bei useFetch wartet Ihr Widget auf die Antwort, bevor es gezeichnet wird. data ist also immer vorhanden. Einen API-Schlüssel brauchen Sie nicht.

Den Prompt aus Daten zusammensetzen

Der Prompt ist ein gewöhnlicher String. Sie können ihn also mit Eingaben füllen oder mit Daten, die Sie bereits abgerufen haben:

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

Tipps

• Bitten Sie um die Form, die Sie brauchen. Die Antwort ist reiner Text. Sagen Sie, wie lang sie sein und wie sie aufgebaut sein soll, etwa „ein Satz“ oder „drei Stichpunkte“, damit sie in Ihr Widget passt.
• Rechnen Sie jedes Mal mit einer neuen Antwort. Bei jeder Vorbereitung des Rahmens wird der Prompt erneut gesendet, und das Modell schreibt eine neue Antwort.