---
title: "Lass deinen KI-Coding-Agenten deine Bewertungs-Widgets einbauen"
date: "2026-08-04"
author: "Leon"
categories: ["How To"]
url: "https://blog.reviewforest.org/de/lass-deinen-ki-coding-agenten-deine-bewertungs-widgets-einbauen"
language: "de"
---
Deine Bewertungen auf die eigene Website zu bringen lief bisher immer gleich: Code-Snippet aus dem Dashboard kopieren, die richtige Stelle im Code deiner Seite finden, einfügen. Nicht schwer. Aber wenn du deine Website heutzutage mit einem KI-Coding-Agenten baust (Claude Code, Cursor, Codex, Copilot), ist selbst dieses kleine Copy-Paste-Ritual manueller als nötig.
Also haben wir den Agenten beigebracht, wie unsere Widgets funktionieren.
## Ein Skill, den dein Agent lesen kann
Wir veröffentlichen einen offiziellen **Skill** auf [github.com/reviewforest/skills](https://github.com/reviewforest/skills). Ein Skill ist eine kleine Anleitungsdatei, die dein Coding-Agent liest, bevor er loslegt. Stell dir ein Onboarding-Dokument vor, nur eben für KIs statt für Menschen geschrieben. Unser Skill erklärt, was ein Agent über ReviewForest-Widgets wissen muss: alle 7 Widget-Typen, wohin welches gehört, welche Platz zum Atmen brauchen und wie unsere API funktioniert, falls du ein komplett eigenes Design willst.
Der Skill folgt dem offenen [Agent-Skills-Standard](https://agentskills.io) und ist damit an kein bestimmtes Tool gebunden. Er funktioniert mit Claude Code, Cursor, Codex, GitHub Copilot und Dutzenden anderen Agenten.
## So funktioniert's
Führ das einmal in deinem Projektordner aus:
```bash
npx skills add reviewforest/skills
```
Dann sagst du deinem Agenten in normaler Sprache, was du willst, und fügst deinen Widget-Code aus dem Dashboard ein:
```
Bau mein ReviewForest-Testimonials-Carousel auf der Startseite ein, unter der Hero-Section:
```
Das war's. Du musst nicht erklären, wohin der Script-Tag gehört oder warum ein schwebendes Badge ans Ende der Seite kommt – das steht alles schon im Skill. Wenn dein Agent fertig ist, lad die Seite neu und schau kurz drüber: Widget da, echte Bewertungen drin, und auch auf dem Handy sieht alles gut aus.
Das Widget selbst gestaltest du weiterhin in deinem ReviewForest-Dashboard, genau wie bisher. Der Skill ändert nichts daran, wie das Widget aussieht. Er übernimmt nur den Einbau.
## Du willst lieber ein komplett eigenes Design?
Der Skill kennt noch einen zweiten Weg: Statt eines unserer fertigen Widgets einzubetten, kann dein Agent deine Bewertungsdaten über unsere API abrufen und eigene Komponenten daraus bauen: React, Vue, reines HTML, was auch immer dein Projekt nutzt. Deine Durchschnittsbewertung, deine Anzahl an Bewertungen, deine gepflanzten Bäume, die Bewertungen selbst. Dabei lädt kein ReviewForest-JavaScript auf deiner Seite.
Dafür brauchst du einen API-Schlüssel. Leg dir einen eigenen an, nur mit dem Scope **Website-Widgets**. Dieser Scope erlaubt ausschließlich das Lesen der Daten, die ein Widget anzeigt, und darf deshalb offen im Quelltext deiner Seite stehen. Ein Schlüssel mit irgendeinem anderen Scope gehört weder in dein Frontend noch in einen Chat mit deinem Agenten. Die Details stehen im [Hilfeartikel](https://help.reviewforest.org/de/widgets/install-widgets-with-an-ai-coding-agent/).
## Du arbeitest gar nicht im Code-Editor?
Dann ist das hier nichts für dich, und das ist völlig okay. Wenn deine Seite auf Wix, Squarespace, Jimdo oder einem anderen Baukasten läuft, gibt es nichts zu installieren. Unsere [Schritt-für-Schritt-Anleitungen](https://help.reviewforest.org/de/widgets/install/) führen dich auf dem klassischen Weg durch.
Für alle anderen: Die komplette Anleitung mit Prompt-Beispielen für Badges und eigene Designs findest du im Hilfe-Center unter [Widgets mit einem KI-Coding-Agenten einbauen](https://help.reviewforest.org/de/widgets/install-widgets-with-an-ai-coding-agent/). Und falls du neugierig bist, was dein Agent da eigentlich liest: Der Skill ist öffentlich auf [github.com/reviewforest/skills](https://github.com/reviewforest/skills).