So designt Claude Code Apps, die nicht nach KI aussehen

Bevor du irgendetwas gestaltest, schaust du dir in Mobbin an, wie gute Apps das gelöst haben.

Aufgabe: [Screen oder Ablauf, z. B. „Startbildschirm für neue Nutzer einer Rechnungs-App“]

1. Such mit search_screens und search_flows nach 8 bis 15 Beispielen. Nimm auch Apps aus anderen Branchen, die denselben Moment lösen (z. B. „erster Start nach der Registrierung“).
2. Sieh dir jedes Bild wirklich an, nicht nur Name und Beschreibung. Halte je App fest:
   - Wie viele Schritte hat der Ablauf, und was passiert in jedem?
   - Was sieht man, wenn noch nichts da ist?
   - Was passiert, wenn etwas schiefgeht (falsche Eingabe, kein Netz, abgelehnte Zahlung)?
   - Wie viel steht auf einem Screen, und was lassen sie weg?
   - Wo sitzt die wichtigste Aktion, und wie heißt sie?
3. Fass zusammen, was die besten gemeinsam haben und wo sie sich unterscheiden. Nenn die Apps und verlink die Screens.
4. Schlag mir für meine Aufgabe eine Lösung vor: Schritte, leerer Zustand, Fehlerfälle, was auf den ersten Screen kommt und was nicht. Begründe jede Entscheidung mit einer Referenz.
5. Warte auf mein Okay. Dann baust du, mit Farben und Schriften aus DESIGN.md. Schreib zu jeder wichtigen Entscheidung einen Kommentar mit der Referenz in den Code.