• DATEN
  • VISUELL
  • ANALYSE
  • MENSCH

Web-Elemente mit deiner KI gezielt erfassen

Verbinde Urlbox einmal mit deinem KI-Client. Danach kann dein Agent mithilfe von CSS-Selektoren präzise Daten von jeder URL abrufen.

Fragen Sie die KI zu dieser Seite

Kurzantwort

Wie kann ich gezielt Teile einer Webseite mit meiner KI auslesen?

Du gibst deiner KI einen CSS-Selektor vor, und sie nutzt den Urlbox-Connector, um genau dieses Element zu isolieren. So kannst du spezifische Diagramme, Tabellen oder Textblöcke extrahieren, ohne die gesamte Seite zu scrapen. Unten siehst du, wie die Daten vom Browser in deinen Chat fließen.

Das Ergebnis einer Erfassung.

Wo deine Daten landen.

Die KI übernimmt die Arbeit, die Webseite zu navigieren und die gewünschten Daten zu isolieren.

DATEN

Saubere Extraktion

Die KI nutzt den Selektor, um eine UI-Komponente zu greifen. Du erhältst den reinen Text oder die Daten aus diesem Bereich.

VISUELL

Gezielte Screenshots

Statt eines kompletten Screenshots erfasst die KI nur das gewünschte Div oder Diagramm. Das erleichtert die visuelle Analyse.

ANALYSE

Sofortiger Kontext

Sobald das Element erfasst wurde, verarbeitet dein Agent den Inhalt direkt. Du kannst sofort Fragen zu den Daten stellen.

MENSCH

Manuelle Prüfung

Falls ein Selektor zu ungenau ist, entscheidest du, ob die Daten korrekt sind. Du behältst die Kontrolle über das Ergebnis.

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

    Dein Agent analysiert die URL und bestimmt, welcher CSS-Selektor nötig ist, um die genannte Komponente zu finden.

    render_selector

  2. Erfassung ausführen

    Die KI nutzt das Tool, um die Seite zu rendern und das angeforderte Element anhand des Selektors zu isolieren.

    render_selector

  3. Inhalt verarbeiten

    Die erfassten Daten oder das Bild werden direkt in das Kontextfenster deines KI-Clients übertragen.

    render_selector

  4. Ergebnis liefern

    Dein Agent zeigt den extrahierten Text oder den spezifischen Screenshot direkt in deinem Chat an.

    render_selector

Probieren Sie es

Kopiere diese Beispiele zum Start.

Nutze diese Prompts, um sofort mit der Datenextraktion zu beginnen.

Startpunkte

Ersetze die Informationen in den Klammern durch deine tatsächliche URL und den gewünschten CSS-Selektor.

Urlbox Connector

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

Connector-Linkhttps://edge.vinkius.com/vk_preview_ox8huNrvCsVrCwJLtvZKluE4tZ0EPlKgb8cFI9vB/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-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_ox8huNrvCsVrCwJLtvZKluE4tZ0EPlKgb8cFI9vB/mcp"
    }
  }
}
In den Chat kopieren04

  • Nutze Urlbox, um den Text innerhalb der Klasse '.price-container' auf https://example.com/product zu extrahieren

  • Erfasse einen Screenshot des Diagramms mit der ID '#revenue-graph' auf https://dashboard.example.com

  • Extrahiere die Tabellendaten aus dem Element '.data-grid' auf https://example.com/stats

  • Finde die Hauptüberschrift mit dem 'h1'-Selektor auf https://example.com/article

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

Starten Sie hier

Einmal verbinden, dann fragen.

Klicke auf den Link, um die Verbindung herzustellen. Deine Zugangsdaten bleiben verschlüsselt und du kannst die Tools sofort in jedem MCP-kompatiblen Client nutzen.

Urlbox mit deiner KI verbinden

FAQ

So funktioniert die Aufgabe.

  • 01

    Kann die KI auf Buttons klicken, um mehr Daten anzuzeigen?

    Nein. Dieser Connector ist darauf ausgelegt, spezifische Elemente mittels Selektoren zu rendern und zu erfassen, nicht um mit komplexen Web-Anwendungen zu interagieren.

  • 02

    Verändert die KI etwas an der Webseite?

    Nein. Die KI liest und erfasst nur das, was auf der Seite sichtbar ist. Sie kann keine Daten ändern, löschen oder Formulare absenden.

  • 03

    Was passiert, wenn der CSS-Selektor falsch ist?

    Wenn der Selektor auf nichts passt, findet das Tool das Element nicht. Du musst deinem Agenten dann einen präziseren Selektor geben.

  • 04

    Kann ich einen Screenshot der gesamten Seite erhalten?

    Ja, das ist möglich, aber dieser spezifische Workflow konzentriert sich auf die gezielte Erfassung einzelner Komponenten via Selektoren.

  • 05

    Speichert die KI die erfassten Daten?

    Die KI nutzt die Daten nur, um deine Anfrage in der aktuellen Sitzung zu beantworten. Eine externe Speicherung deiner Daten findet nicht statt.

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

Verbinde Urlbox mit Claude, Cursor, ChatGPT & mehr