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: deepseek-v4-pro (keine kritischen oder schwerwiegenden Befunde).
  • Deutsche Übersetzung: 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

Frontend-Code gegen Design-System-Spezifikationen prüfen

Design-Tokens, Style-Richtlinien und Vorgaben zur Barrierefreiheit über UI-Komponenten hinweg durchsetzen

Mit BotBento nutzen MarkdownEnglish

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

  1. Wenn etwas passiertUI-Pull-Request geöffnet
  2. DanachTokens und Komponentenregeln prüfen
  3. ErgebnisDesign-Audit-Bericht veröffentlichen

Untersucht Frontend-Codebasen, um sicherzustellen, dass Komponenten mit vordefinierten Design-Tokens, Style-Regeln und Anforderungen an die Barrierefreiheit übereinstimmen. Erkennt Styling-Inkonsistenzen, schlägt konforme Komponenten-Updates vor und bereitet überarbeiteten Code für das Review vor.

Prompt zum Einstieg

BotBentoEmpfohlen
Wenn ein Frontend-Pull-Request erstellt wird, untersuche die geänderten Interface-Komponenten anhand der Design-Token-Definitionen und Styling-Regeln des Repositorys. Prüfe Farbwerte, Abstandseinheiten, Typografie-Skalen und Attribute für die Barrierefreiheit. Wenn willkürliche Werte oder fehlende Labels gefunden werden, entwirf Ersatzcode, der auf autorisierte Design-Tokens verweist. Warte immer auf die Freigabe durch den Nutzer, bevor du Code-Änderungen pushst oder Kommentare zum Pull-Request einreichst.