Android Material 3 adaptation prompt for Codex

Adapt an iOS app screen to Android with Material 3: a top app bar, a navigation bar and a FAB, keeping your brand colors and type.

Adapt the [home] screen for Android using Material 3 conventions: top app bar, navigation bar, and a floating action button for [start session] if it fits. Keep our brand colors and type. List what changed from the iOS version.

Works with

Codex, ChatGPT

From the set

Mobile apps

About this prompt

Codex takes an existing iOS screen and rebuilds it with Material 3 patterns: a top app bar, a navigation bar in place of the iOS tab bar and, if it suits the screen, a floating action button for the main action. Brand colors and type stay the same, and Codex lists every change compared with the iOS version.

Name the screen and the action that might become a floating button. The “if it fits” in the prompt is deliberate: a FAB suits a single frequent action like starting a session, not a screen whose main job is reading. If Codex keeps the iPhone dimensions, ask for 412×915, a typical Android phone. To go the other way, swap Android and Material 3 for iOS and Apple’s Human Interface Guidelines.

The list of changes is useful beyond this one screen: it is effectively the rulebook for porting the rest. Run the prompt on the home screen first, check the list, then reuse it for settings, where Android and iOS differ the most.

More prompts from this set

• Mobile app mockups to SwiftUI code prompt for CodexHave Codex build the approved HTML screens in your SwiftUI app, matching layout and spacing, using your theme colors and supporting Dynamic Type.
• Mobile app brief and screen list prompt for CodexDescribe your app’s users, core loop and platform, and have Codex list every screen of version one, grouped, with each screen’s purpose.
• App onboarding flow design prompt for CodexDesign three connected onboarding screens at 390×844, welcome, goal picker and first home, in one shared style with CSS illustrations.
• Mobile app home screen design prompt for CodexDesign an app home screen for a returning user, built around the one element you name as most important, with a tab bar and real stats.
• List and detail screen design prompt for CodexDesign a list screen with search and filter chips and the detail screen it opens, as two files, using realistic titles and numbers.
• App settings screen design prompt for CodexDesign a settings screen with standard grouped lists, current values on each row, toggles where they belong and destructive actions in red.