2 min read
Platform-Specific
Prompts for macOS, iOS, and web-specific features.
macOS
Menu bar icon
Add a menu bar icon using SF Symbols. When clicked, show a popover with [content].Close popover on outside click
Make the popover close when the user clicks outside of it.Keyboard shortcut
Add a keyboard shortcut [Cmd+Shift+X] to [action].Notification
Show a notification when [event happens].Settings window
Add a settings window with options for [setting 1] and [setting 2].Launch at login
Make the app launch at login.Menu bar only
Hide the app from the Dock — it should only appear in the menu bar.iOS
Tab bar
Add a tab bar at the bottom with tabs for [tab 1], [tab 2], [tab 3]. Use SF Symbols for icons.Swipe to delete
Make [list] swipeable to delete items.Pull to refresh
Add a pull-to-refresh gesture to [screen].Sheet / modal
Show a sheet/modal when the user taps [element]. It should contain [content].Haptic feedback
Add haptic feedback when the user [action].Run on device
Run this on my iPhone. Walk me through the steps in Xcode.Dismiss keyboard
Make the keyboard dismiss when the user taps outside the text field.Share sheet
Add a share sheet so users can share [content] via Messages, email, etc.Web
Mobile fix
Make this work on mobile. The [element] is breaking on small screens.Hamburger menu
Add a hamburger menu that shows the navigation on mobile.Sticky element
Make [element] stick to the top of the page when scrolling.Smooth scroll
Add a smooth scroll to [section] when the user clicks the nav link.Responsive layout
The page should look good from 375px (phone) to 1440px (desktop).Dark mode toggle
Add a dark mode toggle that remembers the user's preference.Hover vs. mobile visibility
Make [element] only appear on hover on desktop, but always visible on mobile.