These all work. Use them as starting points.
Screens
add a home screen with a large hero image at the top,
a welcome message, and three feature cards below itadd a settings screen with sections for Account,
Notifications, Appearance, and Privacy — each section
has a header and 2-3 toggle rowsadd an onboarding screen — full bleed background,
large headline, short description, primary button
at the bottom, and a "skip" link in the top rightadd a checkout screen with an order summary card,
delivery address row, payment method row, and a
sticky confirm button at the bottomadd an empty state screen for a search with no results —
centred illustration placeholder, headline "Nothing found",
short message, and a button to clear the searchNavigation
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 tabadd a top navigation bar with a back button on the left,
the screen title centred, and a share icon on the rightInteractions
when the user taps the notification card, push a
notification detail screenwhen the user taps the avatar, show a modal with
Edit Profile and Sign Out optionsDesign system
run proto design — set the theme to Liquid Glass,
accent colour #E86A9C, app name My Appupdate DESIGN.md — change the card radius to 16
and the accent to indigoregenerate the Home screen with the updated design tokensComponent 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 screensLiquid Glass
make the bottom nav a Liquid Glass surface and add a
glass card at the top of the home screenadd a search bar at the top of the home screen with
a Liquid Glass background and rounded cornersLast updated on