Island Toast Stack
An original Native Cook design on a dark lock screen: a deep ink wallpaper with wide, soft pools of cobalt, plum and teal, and a date, a big white rounded 9:41 and a hint line at the bottom. A black pill sits exactly over the Dynamic Island (126 × 37 pt; just under the notch on older iPhones; Android keeps its status bar and shows the pill just under it only while something grows out of it) and morphs into live toasts: an incoming call from Theo Marsh with red and green round buttons, a message from Rafael Ortiz, an upload of 24 photos to "Lisbon, spring" with a blue progress ring, and a "Sourdough proof" kitchen timer in large orange rounded digits. Each toast is the island grown to the screen width minus 20 pt and 99 pt tall with continuous corners. After a moment it drops out of the island as a black card into a stack below, joined by a gooey neck that thins and snaps, and clears into the system’s notification material: the wallpaper seen through the card under a grey tint, with older cards peeking out as narrower, darker bottom edges. Each card reads like an iOS notification: a 38 pt icon (an app squircle, or the contact’s photo with an app badge), a semibold title with "now", and a line or two: "Missed call · mobile", the message, "Uploading 16 of 24 photos", the timer’s orange countdown "left · Kitchen". Tapping the stack opens it into a list under a "Notifications" header with a Show less pill and a round ✕ that clears it; a card swiped sideways is thrown away. Tapping the island brings the next toast, pulling it down (also from just under it, out of reach of the system’s top-edge swipe) opens the timer as a big card with Pause and +5 min that pushes the stack down, and clearing draws every card back up into the island while it gulps each one.
React Native · Expo SDK 52+, TypeScript
✦ If the result drifts from the video, tell your agent what looks different and how it should look. A short correction usually closes the gap.