Pinch-Kaufabwicklung
Checkout-Modul für E-Commerce
Claude Sonnet 5.5
5 · Designbeispiele
Formulare und mehrstufige Abläufe: Checkout, Registrierung und Buchung
Verfolge vollständige Abläufe für Checkout, Onboarding, Buchung und Upload. Untersuche Feldgruppierung, Übergänge zwischen Schritten, Validierung und die Korrektur von Fehlern, statt nur eine ordentliche Reihe von Eingabefeldern zu beurteilen.
Worauf du achten solltest
Schließe jeden Ablauf mit realistischen Eingaben ab, lass dann ein Pflichtfeld leer und löse einen Fehler aus. Prüfe dauerhaft sichtbare Labels, Hinweise direkt am Feld, erhaltene Eingaben beim Zurückgehen und einen eindeutigen Abschlusszustand.
Installations- und Nutzungsleitfaden →
Heye
Anmeldung und Onboarding
GPT 6.1 Sol
ROOMIN
Buchungswebsite für Tonstudios
GPT 6.1 Sol
Nest · Wanting: Hütte am See
Unterkunftsdetails und Buchung
GPT 6.1 Sol
Chute
Datei-Upload-Modul
Claude Fable 5.1
Verwandte Leitfäden
Praxisleitfaden · Mobile App-UI
Praxisleitfaden für mobile App-UI
Verhindere, dass KI-Agenten für Mobilgeräte zusammengedrückte Desktop-Websites erstellen. Gestalte mobile Apps bei 390×844 mit mehreren Bildschirmen, screens.html und direkt erlebbaren Zuständen.
Agent-Leitfaden · Claude CodeLeitfaden für UI-Design mit Claude Code
Installiere Oil UI in Claude Code und gestalte Websites, mobile Apps und UI-Module mit Richtungsvergleichen, klaren Briefings und Blindreviews anhand echter Screenshots.
Designmethode · Blindreview echter BildschirmeBlindreview echter Bildschirme
Warum die Prüfung von JSX und CSS im Editor Layoutfehler übersieht. Oil UI nutzt Browser-Screenshots bei 1440 px und 390 px, 200-%-Ausschnitte, unscharfe Blockprüfungen und unabhängige Subagenten.