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.
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.
- Wenn etwas passiertUI-Pull-Request geöffnet
- DanachTokens und Komponentenregeln prüfen
- 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.