656 fertig codierte mobile App-Screens

Feedback

Dein erster Screen

Kopiere ein kostenloses Design, füge es in deinen Agenten ein, und bring es zum Laufen. Fünf Minuten von Anfang bis Ende.

Schritt für Schritt

  1. Öffne ein kostenloses Design, zum Beispiel Clean Settings. Tippe zuerst in der Vorschau herum; es ist das echte Ding, das läuft.
  2. Drück auf Prompt kopieren. Sonst brauchst du nichts, kein Konto, keine Einrichtung.
  3. Öffne deinen Agenten in deinem Expo-Projekt und füge ein. Sende es.
  4. Der Agent schreibt die Dateien, führt npx expo install aus, und sagt dir, wohin er die Sachen gelegt hat.
  5. Starte die App. Wenn das das erste Design im Projekt ist, füge das Schriftladen-Snippet aus dem Prompt in die Wurzel deiner App ein.

Was du sehen solltest

Der Screen in deinem Simulator sollte von der Vorschau auf der Seite nicht zu unterscheiden sein: gleiche Farben, gleiche Schrift, gleiche Abstände, und dieselbe Eingangsanimation beim ersten Mounten. Wenn sich davon etwas unterscheidet, ist beim Einfügen etwas schiefgelaufen, nicht das Design ungenau.

Für das Einfügen eine neue Konversation starten
Prompts sind groß und präzise. Sie in eine lange Sitzung einzufügen, in der dein Agent schon starke Meinungen zu deiner Codebasis hat, ist der häufigste Grund, warum ein Design umgestaltet herauskommt.

Das war die ganze Arbeit

Das Design ist jetzt in deinem Repository, als gewöhnliche Dateien, die dir gehören. Es kam so an, wie du es in der Vorschau gesehen hast, was die einzige Version ist, zu der wir eine Meinung haben. Was du als Nächstes damit machen willst, ist eine Konversation mit deinem eigenen Agenten, in deiner eigenen Codebasis, und geht uns nichts an.