Claude Code & ChatGPT
Ihre KI, verbunden mit der Seite, an der Sie arbeiten.
Couldn't load this page.
Ihre KI, verbunden mit der Seite, an der Sie arbeiten.

Senden Sie das exakte Element samt Styles.
src/components/Hero.tsx:12:export function Hero()Lizard Studio{"x":24,"y":112,"width":480,"height":144}✓ built in 2.14sDOM, Console und Network direkt inspizieren.
Messen, Farben wählen und Layout prüfen.
Seiten lesen, Formulare ausfüllen und Daten sammeln.
Ihre lokalen Dateien. Ihre Berechtigungen. Kostenlos und Open Source.
Wählen Sie ein Element aus, bitten Sie Ihren Agenten um eine Änderung und prüfen Sie dann das Ergebnis. Richten Sie Lizard Studio ein und wählen Sie dann eine Anleitung für Ihren Agenten aus.
Verbinden Sie Ihren Agenten und Ihr lokales Projekt, um Ihre erste Bearbeitung vorzunehmen.
Wählen Sie ein Element aus und probieren Sie eine CSS-Bearbeitung an einem Beispielprojekt aus.
Vergleichen Sie Browser-Tools, Design-Steuerelemente und die Einrichtung.
Finden Sie die passende Option: Desktop-App, Code-Editor oder Chrome.
Verbinden Sie Ihr Codex CLI-Konto und bearbeiten Sie über das Chrome-Seitenpanel.
Beheben Sie eine überlaufende Karte und prüfen Sie sie dann bei zwei Bildschirmbreiten.
Vergleichen Sie die offizielle Erweiterung und Lizard Studio für die Webentwicklung.
Lizard Studio ist eine kostenlose, quelloffene Chrome-Erweiterung für Claude Code und ChatGPT. Sie verbindet einen Chat im Seitenbereich mit deiner Live-Seite und deinem lokalen Projekt – mit Elementauswahl, Anmerkungen, Design-Tools und Browser-Debugging.
Nein. Verbinde deinen eigenen Claude Code- oder ChatGPT-Account und wähle einen lokalen Projektordner.
Die Erweiterung und der Host laufen lokal. Dein gewählter KI-Anbieter verarbeitet die Chat-Anfragen; Lizard erfasst keine Telemetriedaten.
Installieren über den Chrome Web Store, dann npx @lizard-build/lizard-studio-host install ausführen, um deinen lokalen Agenten zu verbinden.
Die Erweiterung und der lokale Host sind kostenlos und MIT-lizenziert. Dein gewählter KI-Anbieter legt die Kontoanforderungen, Nutzungsgrenzen und Kosten für den Agenten fest. Eine kostenlose Erweiterung beinhaltet keine kostenlose Modellnutzung.
Ja. Öffne deine lokale Website, wähle ihren Projektordner in Lizard Studio und nutze den Selektor, um ein Element anzuhängen. Beschreibe die Änderung, prüfe die Dateiänderungen des Agenten und kontrolliere das Ergebnis im Browser.
Der Agent heißt in der Lizard Studio-Oberfläche ChatGPT. Er verbindet sich über die lokale Codex CLI, unter Verwendung deines eigenen Accounts und Projektordners. Du kannst auch Claude Code wählen.
Änderungen an deinen Projektdateien bleiben nach einem Reload erhalten, wenn dein Dev-Server diese Dateien ausliefert. Eine temporäre DOM- oder Stiländerung betrifft nur die offene Seite. Bitte den Agenten, den Quellcode zu bearbeiten, und prüfe dessen Diff.
Du brauchst kein Plattform-Team, um live zu gehen. Deine ganze Cloud ist nur einen CLI-Befehl entfernt.
Wir verwenden Cookies für wesentliche Website-Funktionen und Analysen. Siehe unsere Cookie-Richtlinie.