• BILD
  • TEXT
  • CODE
  • MANUELL

Webseiten und HTML-Screenshots mit Ihrer KI erstellen

Verbinden Sie Gotenberg mit Ihrem Agenten, um Webinhalte in visuelle oder textbasierte Snapshots zu verwandeln. Sobald die Verbindung steht, übernimmt Ihre KI das Rendering und erfasst genau das, was Sie benötigen.

Fragen Sie die KI zu dieser Seite

Kurzantwort

Wie kann meine KI Screenshots von Webseiten oder HTML erstellen?

Ihre KI nutzt Gotenberg, um URLs, HTML-Snippets oder Markdown in Bilder oder strukturierten Text umzuwandeln. Sie können eine vollständige Seitenansicht oder ein spezifisches Code-Snippet abrufen und direkt in den Chat einfügen. So sieht Ihr Agent exakt das, was ein Nutzer auf einer Webseite sieht.

Hier landen Ihre Snapshots.

Visuelle und textbasierte Ergebnisse

Die KI verarbeitet Ihre Anfrage und liefert das Ergebnis in einem dieser Formate.

BILD

Visuelle Snapshots

Die KI rendert eine URL oder einen HTML-Block als PNG. So erhalten Sie ein klares Bild des Layouts oder Designs.

TEXT

Markdown-Inhalte

Die KI wandelt Webinhalte in sauberes Markdown um. Das erleichtert es Ihrem Agenten, den Text zu lesen und zu verarbeiten.

CODE

Rohe HTML-Snippets

Die KI erfasst spezifische HTML-Blöcke. Nutzen Sie dies, wenn Sie die zugrunde liegende Struktur einer Seite untersuchen müssen.

MANUELL

Manuelle Prüfung

Die KI liefert die Datei oder den Text. Sie entscheiden, ob die Aufnahme für Ihren nächsten Schritt präzise genug ist.

Der Ablauf

Was Ihre KI tut, wenn eine Anfrage eingeht.

Die KI fungiert als Brücke zwischen Ihrem Prompt und dem Web-Renderer.

  1. URL erfassen

    Der Agent besucht eine bestimmte Webadresse und erstellt ein visuelles Abbild der gerenderten Seite.

    screenshot_url

  2. HTML rendern

    Sie geben einen Codeblock vor und die KI wandelt diesen rohen Markup in ein visuelles Bild um.

    screenshot_html

  3. In Markdown umwandeln

    Der Agent extrahiert den Inhalt einer Seite oder eines Snippets und wandelt ihn in lesbaren Markdown-Text um.

    screenshot_markdown

  4. Ergebnisse liefern

    Die KI gibt das Bild oder den Text direkt an Sie in der Chat-Oberfläche zurück.

    screenshot_urlscreenshot_htmlscreenshot_markdown

Probieren Sie es

Kopieren Sie diese Beispiele zum Start.

Nutzen Sie diese Prompts, um die Screenshot-Tools sofort zu aktivieren.

Startpunkte

Ersetzen Sie den Text in den Klammern durch Ihre tatsächliche URL oder Ihr Code-Snippet.

Gotenberg Connector

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

Connector-Linkhttps://edge.vinkius.com/vk_preview_IkDIVkylexUE9eZzBPNF2NCeizigqyr4NO7jaNq0/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 — Gotenberg capabilities are ready to use.
Konfiguration · claude_desktop_config.jsonKopieren
{
  "mcpServers": {
    "gotenberg-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_IkDIVkylexUE9eZzBPNF2NCeizigqyr4NO7jaNq0/mcp"
    }
  }
}
In den Chat kopieren04

  • Erstelle einen Screenshot von https://example.com, um mir das Layout zu zeigen.

  • Wandle dieses HTML-Snippet in ein Bild um: <div><h1>Hello World</h1></div>

  • Wandle den Inhalt von https://news.ycombinator.com in Markdown um, damit ich ihn lesen kann.

  • Erstelle einen visuellen Snapshot der Landingpage unter https://github.com.

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

Starten Sie hier

Einmal verbinden, dann fragen.

Klicken Sie einfach auf den Link, um den MCP mit Ihrem Client zu verbinden. Ihre Zugangsdaten bleiben verschlüsselt und Sie können die Tools sofort nutzen.

Gotenberg mit Ihrer KI verbinden

FAQ

Verhalten der Screenshot-Aufgaben

  • 01

    Kann die KI die Webseite bearbeiten, bevor sie den Screenshot macht?

    Nein. Die KI kann die Seite nur so erfassen, wie sie existiert oder wie sie aus dem von Ihnen bereitgestellten HTML gerendert wird.

  • 02

    Kann die KI diese Bilder direkt auf meiner Festplatte speichern?

    Nein. Die KI stellt das Bild oder den Text innerhalb Ihrer Chat-Oberfläche bereit. Sie müssen es manuell speichern, wenn Sie es lokal auf Ihrem Rechner benötigen.

  • 03

    Kann ich Screenshots von Seiten erstellen, die einen Login erfordern?

    Nein. Die Tools erfassen die öffentlich zugängliche URL oder das spezifische HTML, das Sie bereitstellen. Sie können keine Authentifizierungsbarrieren umgehen.

  • 04

    Was ist der Unterschied zwischen den HTML- und URL-Tools?

    Das URL-Tool besucht eine Live-Webseite, während das HTML-Tool einen spezifischen Codeblock rendert, den Sie in den Chat kopieren.

  • 05

    Kann die KI mit Schaltflächen auf der Seite interagieren?

    Nein. Die Tools dienen dazu, Snapshots des aktuellen Zustands zu erstellen, nicht dazu, durch eine Seite zu navigieren oder auf Elemente zu klicken.

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

Verbinde Gotenberg mit Claude, Cursor, ChatGPT & mehr