--- title: "Web-Scraper aus einem Prompt mit Kiro und Bright Data erstellen" slug: web-scrapers-with-kiro-power date: 2026-06-29T07:55:50+00:00 modified: 2026-06-29T07:55:50+00:00 permalink: https://brightdata.de/blog/ai/web-scrapers-with-kiro-power type: blog --- [ Blog ](https://brightdata.de/blog "Blog") / [AI](https://brightdata.de/blog/ai) [AI](https://brightdata.de/blog/ai) # Web-Scraper aus einem Prompt mit Kiro und Bright Data erstellen Web-Scraper aus Prompts mit Bright Data’s Kiro Power erstellen. 28 min lesen [ ![Satyam Tripathi](https://media.brightdata.de/2024/09/Satyam-Tripathi-50x50.png) ](https://brightdata.com/blog/authors/satyam-tripathi) [Satyam Tripathi Technical Writer ](https://brightdata.com/blog/authors/satyam-tripathi) ![Kiro Power with Bright Data](https://media.brightdata.de/2026/06/kiro-bright-data-web-mcp.png) Ein Web-Scraper bricht zusammen, wenn eine Website ihr Markup ändert oder dich zu blockieren beginnt. Die [`brightdata-scrape` Kiro Power](https://github.com/brightdata/kiro-powers/tree/main/brightdata-scrape) erstellt einen Scraper aus einem Prompt in natürlicher Sprache und führt ihn gegen [Bright Data MCP](/ai/mcp-server) aus, das die Entsperrung und das Parsing übernimmt. Diese Anleitung wendet ein wiederholbares Power-Muster auf 4 Anwendungsfälle an, wobei 2 bis zu einem Live-API-Aufruf durchgeführt werden, einschließlich eines, der prüft, ob ChatGPT deine Marke nennt. ### TL;DR Am Ende wirst du ein Power-Muster haben, das du auf 4 Anwendungsfälle anwenden kannst, jeder durch einen einzigen Prompt in natürlicher Sprache gesteuert, mit 2 die bis zu einem Live-API-Aufruf durchgeführt werden: - **Retail-Preistracker**, verfolgt ein Produkt auf Amazon und Walmart. - **Markensichtbarkeits-Monitor**, zeigt, welche KI-Assistenten deine Marke erwähnen. - **LinkedIn-Lead-Gen-Pipeline**, überwacht eine Interessentenliste auf Jobwechsel. - **Crunchbase-Intelligence-Dashboard**, ruft Dutzende von Live-Feldern pro Unternehmen ab. ![Kiro-Agent: search_engine dann scrape_as_markdown gibt einen Live-Sony-WH-1000XM5-Amazon-Preis von $248,00 mit Lagerstatus zurück. 0,9 Credits.](https://media.brightdata.de/2026/06/kiro-bright-data-1.png)*Der Kiro-Agent führt 2 Live-Tool-Aufrufe durch – search\_engine, dann scrape\_as\_markdown – und gibt einen echten Amazon-Preis von $248 zurück.* ### Was ist eine Kiro Power? Kiro ist die von AWS entwickelte KI-IDE. Eine Power ist Kiros eigenes Erweiterungsformat: ein Ordner mit einem Manifest, einer MCP-Server-Konfiguration, Steuerungsdateien und Code-Templates. Kiro lädt eine Power nur dann in den Kontext, wenn dein Prompt sie aktiviert. Durchsuche den [offiziellen Katalog auf kiro.dev/powers](https://kiro.dev/powers). Bright Data veröffentlicht `brightdata-scrape` separat auf GitHub, sodass du sie direkt importieren kannst. Powers unterscheiden sich von Claude Skills in einem wichtigen Punkt: Jede Power enthält bereits eine MCP-Server-Konfiguration (Model Context Protocol). Der Agent erhält also neue Tools zum Aufrufen, nicht nur Anweisungen. Für `brightdata-scrape` ist dieser Server Bright Data MCP. Dieser Endpunkt bietet dir Web Unlocker, SERP-API, Browser-API und Bright Data’s vorgefertigten Datensatz-Katalog. Bright Data’s MCP ermöglicht dem Agenten, alle davon in einem einzigen Tool-Aufruf zu nutzen. Diese Tools (`search_engine`, `scrape_as_markdown`, die 50 `web_data_*` Pro-Tools, `scraping_browser_*` und `discover`) ersetzen, was früher 3 separate Integrationen waren – ein Proxy, eine SERP-API und eine Browser-Farm – durch einen Satz Zugangsdaten und ein Retry-Muster. ### Die brightdata-scrape Kiro Power installieren Es gibt 5 Schritte, um das Projekt einzurichten und die Verbindung zu bestätigen: 1. **Einen Bright Data API-Token holen.** Unter **[Benutzer und API-Schlüssel](/cp/setting/users) → API-Schlüssel** einen Schlüssel mit **Benutzer**-Berechtigung hinzufügen, ein Ablaufdatum festlegen und den Wert kopieren. Für den kostenlosen Tarif ist keine Kreditkarte erforderlich. 2. **Kiro installieren, dann das Projekt erstellen und öffnen.** [Kiro](https://kiro.dev/downloads) herunterladen und installieren. Die Power benötigt ein Projekt, in dem sie arbeiten kann, und diese Anleitung verwendet Next.js. Erstelle daher eines und öffne den `price-tracker`-Ordner in Kiro: npx create-next-app@latest price-tracker \\ –typescript, app, tailwind, src-dir, use-npm cd price-tracker Du musst jetzt nichts anderes installieren. Kiro fügt alle Pakete hinzu, die der generierte Scraper später benötigt, in Phase 3. 1. **Die Power installieren.** Das Powers-Panel in Kiro öffnen (das Symbol in der linken Aktivitätsleiste). Auf **Custom Power hinzufügen** klicken, dann **Power von GitHub importieren**, dann diese URL einfügen: https://github.com/brightdata/kiro-powers/tree/main/brightdata-scrape ![Kiro 'Custom Power hinzufügen'-Modal: brightdata-scrape GitHub-URL im Eingabefeld eingefügt, mit dem Hinweis 'Enter drücken zum Bestätigen'.](https://media.brightdata.de/2026/06/kiro-bright-data-2.png)1. **Kiro den Token geben.** Durch die Installation der Power wird ein `brightdata`-Server zur `.kiro/settings/mcp.json` deines Projekts mit der URL `https://mcp.brightdata.com/mcp?token=${BRIGHTDATA_API_KEY}` hinzugefügt. **Öffne diese Datei, ersetze `${BRIGHTDATA_API_KEY}` durch den wörtlichen Token, den du in Schritt 1 kopiert hast, und speichere.** Füge dann `.kiro/settings/mcp.json` zu `.gitignore` hinzu, damit der Token nie committed wird. > **Warum der wörtliche Token, nicht der `${…}`-Platzhalter?** Kiro expandiert `${VAR}` in `mcp.json` derzeit nicht (ein [bekanntes offenes Problem](https://github.com/kirodotdev/Kiro/issues/5060)), sodass der Platzhalter statt einer Verbindung `Connection Failed` / `HTTP 404` zurückgibt. 1. **Die Verbindung bestätigen.** Das MCP-Server-Panel erneut öffnen. Nach einigen Sekunden zeigt `brightdata` **Verbunden** mit `search_engine` und `scrape_as_markdown` unter seinen Tools, was das benötigte Signal ist. ![Kiro IDE MCP-Server-Panel zeigt brightdata Verbunden (5 Tools), nach der Installation der brightdata-scrape Kiro Power.](https://media.brightdata.de/2026/06/kiro-bright-data-3.png)Erstelle nun `.env.local` im Projektstamm und füge denselben Token ein. Du fügst den Token bewusst zweimal ein: Die Kopie in `.kiro/settings/mcp.json` (Schritt 4) verbindet *Kiro* während des Builds mit Bright Data, und diese Kopie wird von der *generierten App* beim Ausführen gelesen. ```none BRIGHTDATA_API_KEY=... # der oben generierte Token BRIGHTDATA_UNLOCKER_ZONE=... # Platzhalter ist für den Retail-Build in Ordnung; vor einem Web-Unlocker-Anwendungsfall setzen ``` Bei einem brandneuen Konto oder vor der Ausführung eines Web-Unlocker-Anwendungsfalls zuerst den Zone-Namen festlegen. Siehe **Web-Unlocker-Zone einrichten** unter *Alle 4 Anwendungsfälle auf Produktion skalieren* weiter unten. Bei allen 4 Anwendungsfällen ändert sich nur der Prompt; der 4-Phasen-Workflow bleibt gleich. ### Kiros 4-Phasen-Workflow (ein Muster für alle 4) Die Power durchläuft für jeden Prompt dieselben 4 Phasen. Jede Phase wartet auf deine Genehmigung, bevor sie fortfährt: 1. **Erkennen & planen.** Die Power prüft das Workspace-Manifest (`package.json`, `pyproject.toml`, `Cargo.toml`, `go.mod` usw.) und die darin enthaltenen Abhängigkeiten. Sie wählt dann, wie sie integriert werden soll: Wenn sie ein Web-Framework findet, generiert sie eine API-Route; wenn sie ein Agent-SDK findet, generiert sie ein Agent-Tool; und wenn das Projekt eine Bibliothek ist, generiert sie ein Modul. Sie fragt dich, was gescrapt werden soll und wie viele Elemente. 1. **Scraping-Playbook.** Die Power prüft Bright Data’s Tool-Leiter und wählt für jede Zielseite den besten Pfad, den dein Tarif erlaubt: ein **Web Data Pro-Tool** (eines von 50 `web_data_*`-Tools für 30+ Plattformen, typisierte Felder, erfordert `&pro=1`) → ein **[Datensatz-Trigger](/products/datasets)** (dieselben Daten, abgefragt, kein `&pro=1` erforderlich) → **[Web Unlocker](/products/web-unlocker)** (Proxy + Parsing für Long-Tail-Sites) → **[Browser-API](/products/scraping-browser)** (Login/Klick-Flows) → **[SERP-API](/products/serp-api)** (Suchergebnisse). ![Kiro Phase 2: vorgefertigter Datensatz für Amazon und Walmart ausgewählt, mit dem Bestätigungsgate 'Bereit, zu Phase 3 fortzufahren?'. 0,38 Credits, 1m 24s.](https://media.brightdata.de/2026/06/kiro-bright-data-4.png)1. **Integrieren.** Die Power generiert die Dateien. Der Retail-Lauf unten produzierte 4: ein Scraper-Modul, eine API-Route, eine Dashboard-Seite und einen neuen `## Web-Scraping`-Abschnitt in `README.md`. (`.env.local` enthielt bereits den API-Token, daher hat Phase 3 ihn übersprungen. Das ist die Dateisicherheitsregel: Eine bereits vorhandene Datei wird nicht überschrieben.) ![Kiro-Chat zeigt Phase 3 der brightdata-scrape Power abgeschlossen: vier Dateien geschrieben, null TypeScript-Fehler, 1,38 Credits in 1m 56s verbraucht.](https://media.brightdata.de/2026/06/kiro-bright-data-5.png)1. **MCP & verifizieren.** Die Power fügt Bright Data’s MCP-Server in `.kiro/settings/mcp.json` zusammen und führt einen Smoke-Test gegen die Ziel-URL durch. In dieser Phase laufen zwei Produktionssicherungen: das Diff-vor-Überschreiben und die FAIL → ITERATE-Wiederherstellung. Phase 4 von Anwendungsfall 1 zeigt die vollständige Wiederherstellung. ### Was live ausgeführt wurde und was gezeigt wird **Alles hier wurde gegen die Live-API verifiziert, kein Mockup.** Die genauen Preise, Tools und Zeitangaben stammen aus spezifischen erfassten Läufen. Da die Scraper Live-Daten lesen, spiegeln deine eigenen Ergebnisse aktuelle Preise, Seiten und Modellantworten wider, nicht diese erfassten. - **Anwendungsfälle 1 und 4 liefen vollständig gegen die Live-API:** Retail (ohne Pro-Ausgaben) und Crunchbase (im Pro-Tarif). Jeder Retail-Screenshot unten stammt aus diesem Lauf, und der vollständige Code von Anwendungsfall 4 befindet sich in seinem Abschnitt. - **Anwendungsfälle 2 und 3 werden gezeigt, nicht neu erstellt:** der Prompt, die Tools, die Phase 2 auswählen würde, und Feldformen, deren Namen wir live gegen jedes Tool verifiziert haben. Sie verwenden den `callMcpTool`-Client von Anwendungsfall 4 wieder, sodass kein nahezu identischer Code erneut eingefügt werden muss. - **Anwendungsfälle 2, 3 und 4 laufen im Pro-Modus (`&pro=1`),** was der Abschnitt ‘Auf Produktion skalieren’ weiter unten behandelt. ### Anwendungsfall 1: Multi-Retailer-Preisverfolgung Hier ist der Prompt für Kiro: > **Prompt an Kiro:** *“Füge einen Preisvergleichs-Agenten hinzu, der Sony WH-1000XM5-Preise von Amazon und Walmart scrapt.”* **Auswahl in Phase 2**: Im erfassten Zero-Pro-Lauf wählte die Power den Datensatz-Trigger-Pfad (dieselben Daten, abgefragt). Mit `&pro=1` würde sie stattdessen die Pro-Tools `web_data_amazon_product` und `web_data_walmart_product` wählen. **Auf weitere Retailer erweitern**: Dasselbe Muster fügt `web_data_ebay_product`, `web_data_homedepot_products` und `web_data_bestbuy_products` hinzu, indem Kiro mit einer erweiterten Retailer-Liste erneut aufgefordert wird. Einige Retailer (Best Buy, Target) benötigen typischerweise Premium-Domains, die in der Zone aktiviert sind; Amazon und Walmart benötigten das im erfassten Lauf nicht. #### Die von Kiro generierte Architektur Das Dashboard ruft die API beim Laden ab. Die API ruft Bright Data’s Datensatz-Trigger parallel auf und gibt die strukturierten Datensätze zurück. ```none Browser öffnet / │ ▼ (automatischer Abruf beim Laden) GET /api/scrape-prices │ ▼ src/scrapers/price-tracker.ts fetchAllPrices() │ ▼ (Promise.allSettled, parallel) ┌────────────────────────────────────┐ │ Bright Data Datasets API │ │ gd_l7q7dkf244hwjntr0 → Amazon │ │ gd_l95fol7l1ru6rlo116 → Walmart │ └────────────────────────────────────┘ ``` *Ein Lesepfad: Dashboard → API-Route → Scraper-Modul → 2 Bright Data Datensatz-Trigger. Mit `&pro=1` wird das Scraper-Modul zu direkten `web_data_`* MCP-Aufrufen, und die clientseitige Polling-Schleife wechselt in den MCP-Server.\* #### Das Scraper-Modul `src/scrapers/price-tracker.ts` enthält die Datensatz-IDs, einen `triggerAndPoll`-Helfer und einen `normalise`-Schritt, der Bright Data’s Antwort in eine konsistente `PriceResult`-Form abflacht. Hier ist der Kern der Datei, die vollständige Datei umfasst etwa 85 Zeilen: ```none // src/scrapers/price-tracker.ts (Auszug) const BASE = "https://api.brightdata.com/datasets/v3"; const DATASETS = { Amazon: "gd_l7q7dkf244hwjntr0", Walmart: "gd_l95fol7l1ru6rlo116" } as const; async function triggerAndPoll(datasetId: string, url: string) { // 1. POST-Trigger mit der Ziel-URL const trigger = await fetch(`${BASE}/trigger?dataset_id=${datasetId}&include_errors=true`, { method: "POST", headers: { Authorization: `Bearer ${process.env.BRIGHTDATA_API_KEY}`, "Content-Type": "application/json" }, body: JSON.stringify([{ url }]), }); const { snapshot_id } = await trigger.json(); if (!snapshot_id) throw new Error("no snapshot_id returned from trigger"); // 2. Snapshot-Endpunkt abfragen (in-progress = HTTP 202; ~120 s Limit) for (let i = 0; i < 24; i++) { await new Promise((r) => setTimeout(r, 5000)); const res = await fetch(`${BASE}/snapshot/${snapshot_id}?format=json`, { headers: { Authorization: `Bearer ${process.env.BRIGHTDATA_API_KEY}` } }); if (res.status === 202) continue; return await res.json(); } throw new Error("snapshot timed out after 120s"); } // löst beide Retailer parallel aus; Promise.allSettled isoliert Fehler pro Retailer, // sodass ein schlechter Snapshot den anderen nicht fehlschlagen lässt. Die vollständige Datei mappt // jedes abgeschlossene Ergebnis in ein PriceResult (abgelehnte tragen ein `error`-Feld). export async function fetchAllPrices() { return Promise.allSettled( Object.entries(DATASETS).map(([retailer, id]) => triggerAndPoll(id, PRODUCT_URLS[retailer]).then((r) => normalise(r[0], retailer, PRODUCT_URLS[retailer]))), ); } ``` #### Kiros Chat ist ein Live-MCP-Client, kein Speicher-Lookup Während des Builds kommuniziert Kiros Chat-Panel mit demselben `brightdata`-Server, den dein Code aufruft. Nach dem Sony-Preis gefragt, antwortete der Chat nicht aus dem Modellspeicher. Er führte Live-Aufrufe von `search_engine` und `scrape_as_markdown` durch und gab eine Tabelle zurück ($195,55 refurb bis $248 neu, plus einen XM6-Vergleich bei $398): ![Kiro-Chat, vollständiger Lauf: der Agent wählt selbst search_engine dann scrape_as_markdown und gibt einen Live-Sony-WH-1000XM5-Amazon-Preis zurück. 1m 24s, 0,9 Credits.](https://media.brightdata.de/2026/06/kiro-bright-data-6.png)*Der Chat ist dein Erkundungswerkzeug beim Bauen. Das Dashboard unten ist das, was deine Endnutzer sehen.* #### Das Dashboard Die von Kiro generierte Home-Route (`/`) rendert das JSON, das die API zurückgibt, als 2 farbige Karten (Amazon orange und Walmart blau) plus ein grünes “Bester Preis”-Banner, das den günstigeren der beiden auswählt: ![Die Home-Route (/) um 14:27 Uhr am 28. Mai 2026: Sony WH-1000XM5 bei $248 auf Amazon und Walmart, als Karten mit grünem 'Bester Preis'-Banner auf Amazon dargestellt.](https://media.brightdata.de/2026/06/kiro-bright-data-7.png)*Die Home-Route (`/`). Sony WH-1000XM5 bei $248 auf Amazon und Walmart mit Produkttiteln, Lagerstatus und retailerspezifischen Zeitstempeln, direkt aus jeder Quelle gelesen. Walmarts rohes `in_stock` und Amazons `In Stock` werden unverändert weitergegeben, sodass du genau siehst, was jede Quelle zurückgibt. Normalisiere auf dein eigenes Schema, wenn du Benachrichtigungen darauf aufbaust.* Wenn du die Rohseiten selbst untersuchst, gibt Amazons offensichtlicher Preisselektor (`span.a-price-whole`) normalerweise leer zurück, und der echte ist `.a-price .a-offscreen`. Walmart fügt den Preis überhaupt nicht in das gerenderte HTML ein; er befindet sich in einem JSON-Blob in `