• SAUBERE DATEN
  • GEZIELT
  • AUTOMATISIERT
  • MENSCHLICH

Web-Elemente mit deiner KI gezielt erfassen

Verbinde Urlbox mit deinem Agenten, um exakte Bereiche einer Seite anzuvisieren. Nach der Verbindung kann deine KI präzise visuelle Daten mittels CSS-Selektoren extrahieren.

Fragen Sie die KI zu dieser Seite

Kurzantwort

Wie kann ich nur einen Teil einer Webseite screenshotten?

Du gibst deiner KI einfach den CSS-Selektor für das gewünschte Element. Die KI nutzt dann den Urlbox MCP, um genau diesen Bereich als Bild zu rendern. So erhältst du saubere, fokussierte Screenshots von Diagrammen, Tabellen oder Divs, ohne den Rest der Seite.

Deine Ergebnisse

Was deine KI liefert

Die KI übernimmt die Arbeit, das Ziel-Element zu finden und zu rendern.

SAUBERE DATEN

Isolierte visuelle Assets

Die KI nutzt den Selektor zum Zuschneiden. Du erhältst ein präzises Bild eines Diagramms oder Datenpunkts statt einer riesigen Full-Page-Datei.

GEZIELT

Fokus auf Elemente

Durch die Nutzung von CSS-Selektoren ignoriert die KI Sidebars und Werbung. Du erhältst exakt die Komponente, die du angefordert hast.

AUTOMATISIERT

Visuelle Überwachung

Dein Agent kann Erfassungen desselben Elements wiederholt auslösen. So kannst du Änderungen in einer Tabelle über die Zeit verfolgen.

MENSCHLICH

Selektor-Verifizierung

Ist ein Selektor falsch, findet die KI das Element nicht. Du musst den korrekten CSS-Pfad angeben, um das richtige Ergebnis zu erhalten.

Der Ablauf

Was deine KI tut, wenn die Anfrage eingeht.

Die KI übersetzt deine natürliche Anfrage in einen präzisen technischen Befehl.

  1. Ziel identifizieren

    Deine KI analysiert die Seitenstruktur, um den CSS-Selektor zu finden, der dem beschriebenen Element entspricht.

    render_selector

  2. Rendering ausführen

    Die KI sendet die URL und den spezifischen Selektor an das Tool, um das Bild zu generieren.

    render_selector

  3. Erfassung prüfen

    Das Tool liefert die Bilddaten zurück, die die KI dir dann in deinem Chat-Interface präsentiert.

    render_selector

  4. Visual analysieren

    Sobald das Bild erstellt ist, kann dein Agent den Inhalt des Diagramms oder der Tabelle interpretieren.

    render_selector

Probieren Sie es

Kopiere diese Vorlagen zum Start.

Nutze diese Prompts, um sofort eine Erfassung auszulösen.

Startpunkte

Ersetze den Text in Klammern durch deine tatsächliche URL und den CSS-Selektor, den du im Browser-Inspector gefunden hast.

Urlbox Connector

Alles bereit. Wählen Sie Ihren MCP-Client und folgen Sie den Einrichtungsschritten.

Connector-Linkhttps://edge.vinkius.com/vk_preview_bwmYhvvAxoh7dvR8S5NxngIyi6oR2CCGz6ot6tm0/mcp

Claude Desktop

Folgen Sie den Schritten unten, um sich in Sekunden zu verbinden.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Urlbox capabilities are ready to use.
Konfiguration · claude_desktop_config.jsonKopieren
{
  "mcpServers": {
    "urlbox-alternative-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_bwmYhvvAxoh7dvR8S5NxngIyi6oR2CCGz6ot6tm0/mcp"
    }
  }
}
In den Chat kopieren04

  • Nutze render_selector, um einen Screenshot der Tabelle unter [URL] mit dem Selektor '.data-table' zu erstellen.

  • Erstelle ein sauberes Bild des Haupt-Preisdiagramms auf [URL] mit dem Selektor '#pricing-graph'.

  • Finde das Element mit der Klasse '.user-profile-card' auf [URL] und erstelle einen Screenshot.

  • Erstelle einen Screenshot des spezifischen Divs mit der ID 'revenue-summary' auf [URL].

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Starten Sie hier

Einmal Urlbox verbinden, dann fragen.

Klicke einfach auf den Link, um die Verbindung herzustellen. Deine Zugangsdaten bleiben verschlüsselt und du kannst die Tools sofort in deinem bevorzugten Client nutzen.

Urlbox mit deiner KI verbinden

FAQ

So funktioniert die Aufgabe

  • 01

    Kann die KI eine komplette Webseite erfassen?

    Nein, diese spezifische Aufgabe ist darauf ausgelegt, Selektoren zu nutzen, um Teile einer Seite zu isolieren. Für ganze Seiten müsstest du ein anderes Tool verwenden.

  • 02

    Was passiert, wenn der CSS-Selektor falsch ist?

    Das Tool wird das Element nicht finden können. Die KI wird dir dann mitteilen, dass das Ziel nicht lokalisiert werden konnte, und du musst einen gültigen Selektor angeben.

  • 03

    Verändert die KI etwas an der Webseite?

    Nein. Die KI liest die Seite nur und rendert eine visuelle Darstellung. Sie kann keine Buttons klicken, Formulare ausfüllen oder die Seite modifizieren.

  • 04

    Kann ich das zur Überwachung von Live-Aktiencharts nutzen?

    Ja. Wenn du den korrekten Selektor für das Chart-Element angibst, kann dein Agent gezielte Erfassungen dieses Bereichs auslösen.

  • 05

    Muss ich Code schreiben, um das zu nutzen?

    Nein. Du musst nur den CSS-Selektor angeben. Deine KI kann diesen oft selbst finden, wenn du das Element klar beschreibst.

  • Noch Fragen zu Urlbox? Die Connector-Seite liefert Antworten. Alle Funktionen des Urlbox Connectors ansehen

Verbinde Urlbox mit Claude, Cursor, ChatGPT & mehr