Screens
add a home screen with a large hero image at the top,
a welcome message, and three feature cards below it
add a settings screen with sections for Account,
Notifications, Appearance, and Privacy — each section
has a header and 2-3 toggle rows
add an onboarding screen — full bleed background,
large headline, short description, primary button
at the bottom, and a "skip" link in the top right
add a checkout screen with an order summary card,
delivery address row, payment method row, and a
sticky confirm button at the bottom
add an empty state screen for a search with no results —
centred illustration placeholder, headline "Nothing found",
short message, and a button to clear the search
Navigation
add a bottom nav with Home, Search, Saved, and Profile tabs —
use the native iOS tab bar with Liquid Glass material
and SF Symbols for each tab
add a top navigation bar with a back button on the left,
the screen title centred, and a share icon on the right
Interactions
when the user taps the notification card, push a
notification detail screen
when the user taps the avatar, show a modal with
Edit Profile and Sign Out options
Design system
run proto design — set the theme to Liquid Glass,
accent colour #00A090, app name My App
update DESIGN.md — change the card radius to 16
and the accent to indigo
regenerate the Home screen with the updated design tokens
Component library
update DESIGN.md — switch the component library to Tamagui.
Then regenerate the Home screen using Tamagui components.
update DESIGN.md — switch to our internal design system.
Package is @acme/mobile-components, import from
@acme/mobile-components.
Shared components
create a shared UserAvatar component that shows initials
as a fallback when no image is set, then use it in
the Home and Profile screens
Liquid Glass
make the bottom nav a Liquid Glass surface and add a
glass card at the top of the home screen
add a search bar at the top of the home screen with
a Liquid Glass background and rounded corners