Prompt für die Android-Anpassung mit Material 3 in Codex

Passe einen iOS-Screen mit Material 3 an Android an: Top App Bar, Navigationsleiste und FAB, bei gleichen Markenfarben und Schriften.

Passe den Screen [Start] mit den Konventionen von Material 3 für Android an: Top App Bar, Navigationsleiste und, falls es passt, ein Floating Action Button für [Session starten]. Behalte unsere Markenfarben und Schriften. Liste auf, was sich gegenüber der iOS-Version geändert hat.

Funktioniert mit

Codex, ChatGPT

Aus der Sammlung

Mobile Apps

Über diesen Prompt

Codex nimmt einen vorhandenen iOS-Screen und baut ihn mit den Mustern von Material 3 neu auf: eine Top App Bar, eine Navigationsleiste anstelle der iOS-Tab-Leiste und, wenn es zum Screen passt, einen Floating Action Button für die Hauptaktion. Markenfarben und Schriften bleiben gleich, und Codex listet jede Änderung gegenüber der iOS-Version auf.

Nenne den Screen und die Aktion, die ein Floating Button werden könnte. Das „falls es passt“ im Prompt ist Absicht: Ein FAB passt zu einer einzelnen häufigen Aktion wie dem Start einer Session, nicht zu einem Screen, dessen Hauptaufgabe das Lesen ist. Behält Codex die iPhone-Maße bei, bitte um 412×915, ein typisches Android-Smartphone. Für die Gegenrichtung tausche Android und Material 3 gegen iOS und Apples Human Interface Guidelines.

Die Liste der Änderungen ist über diesen einen Screen hinaus nützlich: Sie ist praktisch das Regelwerk für den Rest der Portierung. Führe den Prompt zuerst auf dem Startscreen aus, prüf die Liste und nutze sie dann für die Einstellungen wieder, wo sich Android und iOS am stärksten unterscheiden.

Weitere Prompts aus dieser Sammlung

• Prompt für App-Mockups zu SwiftUI-Code in CodexLass Codex die abgenommenen HTML-Screens in deiner SwiftUI-App umsetzen, mit passendem Layout und Abständen, deinen Theme-Farben und Dynamic Type.
• Prompt für App-Briefing und Screen-Liste in CodexBeschreibe Nutzer, Kernablauf und Plattform deiner App und lass Codex alle Screens der ersten Version gruppiert auflisten, mit dem Zweck jedes Screens.
• Prompt für den Onboarding-Flow einer App in CodexGestalte drei verbundene Onboarding-Screens in 390×844, Willkommen, Tagesziel und erster Startscreen, in einem gemeinsamen Stil mit CSS-Illustrationen.
• Prompt für den Startscreen einer mobilen App in CodexGestalte einen Startscreen für wiederkehrende Nutzer um das eine Element, das du als wichtigstes nennst, mit Tab-Leiste und echten Zahlen.
• Prompt für Listen- und Detailscreens einer App in CodexGestalte einen Listenscreen mit Suche und Filter-Chips und den Detailscreen, der sich daraus öffnet, als zwei Dateien mit realistischen Titeln und Zahlen.
• Prompt für den Einstellungsscreen einer App in CodexGestalte einen Einstellungsscreen mit gruppierten Listen, aktuellen Werten in jeder Zeile, Schaltern, wo sie hingehören, und destruktiven Aktionen in Rot.