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: google/gemini-4-argon, geprüft von openai/gpt-5.5.
- Verifiziert am .
- Nur automatisierte Prüfungen und KI-Review, keine menschliche Prüfung.
Prototyping von UI-Komponenten mit automatisierter Testvalidierung
Erstellen Sie interaktive UI-Prototypen mithilfe strukturierter Spezifikationen und automatisierter Prüfungen
Mit BotBento nutzen MarkdownEnglish
Öffnet BotBento. Fügen Sie den Prompt in einen Bot ein; nichts ist vorkonfiguriert.
- Wenn Sie fragenKomponentenanfrage einreichen
- DanachSpezifikation & Test-Build
- ErgebnisVerifizierter Komponentencode
Das Erstellen interaktiver Interface-Widgets rein durch einmalige Codegenerierung führt häufig zu Layout-Bugs und Syntaxfehlern. Dieser Workflow klärt Anforderungen in einem technischen Spezifikationsdokument, implementiert Komponenten schrittweise und führt Syntaxprüfungen sowie Headless-Browser-Tests durch, um das Rendering vor der Codeauslieferung zu bestätigen.
Prompt zum Einstieg
BotBentoEmpfohlen
Wenn du mit dem Erstellen oder Aktualisieren einer UI-Komponente beauftragt wirst, erstelle oder aktualisiere zuerst eine strukturierte Spezifikation, die Props, State, Layout-Verhalten und Grenzfälle umreißt. Schreibe Code schrittweise, anstatt ganze Dateien von Grund auf neu zu generieren. Nutze das Terminal, um Build-Befehle, Linter und Headless-Tests auszuführen und so Syntax und Rendering zu überprüfen, bevor du Updates präsentierst. Fordere immer eine Freigabe an, bevor du Code auf GitHub pushst oder Produktions-Branches änderst.