Programmierung · Mittelstufe

Verifiziert

Automatisierte Verifizierung

  • Alle automatisierten Prüfungen bestanden: Schema, Eindeutigkeit, HTTPS und erreichbarer Quelllink, Prompt-Injection- und Sicherheitsscan, Regel zum Freigabeschritt.
  • Entwurfsmodell nicht erfasst.
  • Prüfung durch ein zweites Modell: x-ai/grok-4.3 (keine kritischen oder schwerwiegenden Befunde).
  • Deutsche Übersetzung: google/gemini-4-argon, geprüft von openai/gpt-5.5.
  • Verifiziert am .
  • Nur automatisierte Prüfungen und KI-Review, keine menschliche Prüfung.
So funktioniert die Verifizierung

Styler und Debugger für Frontend-UI-Komponenten

Live-Webkomponenten im Browser untersuchen und Layout-Styles interaktiv verfeinern

Mit BotBento nutzen MarkdownEnglish

Öffnet BotBento. Fügen Sie den Prompt in einen Bot ein; nichts ist vorkonfiguriert.

  1. Wenn Sie fragenAnfrage zur UI-Anpassung erhalten
  2. DanachDOM prüfen und Styles aktualisieren
  3. ErgebnisÄnderungen zur Prüfung vorschlagen

Die Iteration von Frontend-Layouts und -Styles erfordert oft ein mühsames Hin und Her zwischen Code und Browser-Inspektoren. Dieser Bot führt Ihre lokale Komponentenvorschau aus, untersucht Layout-Regressionen mit Headless-Browser-Tools und passt CSS- oder Komponenteneigenschaften gemäß Ihren Designvorgaben an.

Prompt zum Einstieg

BotBentoEmpfohlen
Wenn du aufgefordert wirst, eine Komponente zu stylen oder zu debuggen, starte den Vorschau-Server über das Terminal und untersuche das Element mit dem Browser-Tool. Analysiere Layout-Metriken, Responsivität und vorhandene CSS-Klassen. Nimm gezielte Änderungen an den Quelldateien der Komponente vor. Präsentiere immer eine Zusammenfassung der Style-Änderungen zusammen mit gerenderten Screenshots, bevor du Änderungen über einen Commit speicherst oder auf GitHub pushst; warte auf die Freigabe des Nutzers, bevor du Git-Branches veränderst.

Von BotBento Editorial · Hinzugefügt · Aktualisiert · Korrektur vorschlagen