Couldn't load this page.

Prüfe und korrigiere deine Website mit Claude Code und ChatGPT

Eine kostenlose Chrome-Erweiterung für Claude Code und ChatGPT. Wähle ein Element aus, prüfe die Seite und bitte deinen Agenten, den Code in deinem lokalen Projekt zu bearbeiten.

Lizard Studio prüft ein ausgewähltes Seitenelement in Chrome; seine Styles, die Design-Toolbar und das seitliche Chat-Panel sind sichtbar.

Ihr KI-Agent, verbunden mit Ihrer Website

Claude Code & ChatGPT

Ihre KI, verbunden mit der Seite, an der Sie arbeiten.

Lizard Studio-Inspektor mit dem Box-Modell und den Stilen des ausgewählten Elements.

Auswählen. Korrigieren.

Senden Sie das exakte Element samt Styles.

Live-Seite debuggen

DOM, Console und Network direkt inspizieren.

Mit KI entwickeln.
Mit Lizard ausliefern.

button.studio-design-site-cta

Auf der Seite designen

Messen, Farben wählen und Layout prüfen.

lizard
Lizard Studio
Opus 4.8Mittel

Über Tabs hinweg arbeiten

Seiten lesen, Formulare ausfüllen und Daten sammeln.

Datei bearbeiten
src/App.tsx
Möchten Sie fortfahren?

Sie behalten die Kontrolle

Ihre lokalen Dateien. Ihre Berechtigungen. Kostenlos und Open Source.

Häufig gestellte Fragen

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.

Mit AI entwickeln. Mit Lizard ausliefern.

Du brauchst kein Plattform-Team, um live zu gehen. Deine ganze Cloud ist nur einen CLI-Befehl entfernt.

Kostenlos testen
Workspaces
Dienste
Add-ons
Bereitstellungen

Wir verwenden Cookies für wesentliche Website-Funktionen und Analysen. Siehe unsere Cookie-Richtlinie.