Mobirise-Tutorials.com

.test {
-webkit-text-fill-color: transparent;
container-type: inline-size;
anchor-name: --mein-anker;
}

$liste = implode("\n", $unbekannte);
$prompt = "Erkläre die folgenden CSS-Eigenschaften und Werte auf Deutsch in maximal 1-2 einfachen Sätzen pro Eintrag. Keine Markdown-Formatierung. Antworte NUR als JSON-Objekt, kein Text davor oder dahinter, keine Backticks:\n{\"css-eigenschaft: wert\": \"Erklaerung\", ...}\n\nCSS:\n$liste";

$payload = json_encode([
'model' => GROQ_MODEL,
'messages' => [['role' => 'user', 'content' => $prompt]],
'max_tokens' => 1000,
'temperature' => 0.2,
]);

$liste = implode("\n", $unbekannte);
Das Array $unbekannte wird zu einem String zusammengefügt.
Jeder Eintrag steht in einer neuen Zeile (\n).

2. Prompt (Anweisung für die KI) bauen

$prompt = "Erkläre die folgenden CSS-Eigenschaften ...
Hier wird ein langer Text erstellt, der der KI genau sagt, was sie tun soll:
CSS-Eigenschaften erklären
auf Deutsch
kurz (1–2 Sätze)
kein Markdown
nur JSON als Antwort
Am Ende wird $liste angehängt → die eigentlichen CSS-Daten, die erklärt werden sollen.

3. Payload für die API vorbereiten

$payload = json_encode([
Es wird ein PHP-Array erstellt und anschließend in JSON umgewandelt (so erwarten APIs die Daten).

Inhalt des Payloads:

'model' => GROQ_MODEL
→ Welches KI-Modell verwendet werden soll (Konstante).
'messages' => [['role' => 'user', 'content' => $prompt]]
→ Chat-Format: Die KI bekommt den Prompt als User-Nachricht.
'max_tokens' => 1000
→ Maximale Länge der Antwort.
'temperature' => 0.2
→ Niedrige Kreativität → eher präzise, konsistente Antworten.

$prompt = <<<PROMPT
Du bist ein freundlicher JavaScript-Erklärer für Einsteiger. Erkläre den folgenden JavaScript-Code auf Deutsch, einfach und verständlich — wie für jemanden der noch nie programmiert hat.