Opinionated workflow for building Simon-style Expo Router headers. Use when creating or refactoring screen headers, title bars, toolbars, search bars, form sheets, or liquid-glass header surfaces in this repo, and you need to match existing `Stack.Header`, `Stack.Screen.Title`, `Stack.Toolbar`, `Stack.Toolbar.View`, `Stack.SearchBar`, and `sheetAllowedDetents` patterns.
Use Simon-native header patterns instead of inventing new header systems. Copy the closest in-repo recipe and adapt only labels, icons, and handlers.
Read these first:
./references/pattern-map.md./references/header-recipes.mdUse pattern-map.md to pick source files.
Use header-recipes.md to paste concrete snippets.
title-toolbar: regular title + left/right toolbar actions.search-toolbar: search bar + bottom toolbar slot.glass-title: liquid-glass title capsule for focused chat-like screens.sheet-route: form sheet presented via stack route config.modal-sheet: local Modal with presentationStyle="pageSheet".<Stack.Header style={{ backgroundColor: "transparent" }} /> for custom headers.Stack.Toolbar placement="left".Stack.Toolbar placement="right".useTheme()._layout.tsx with presentation: "formSheet".sheetGrabberVisible: true.[0.35] for compact action sheets, [0.7, 1.0] for picker/context sheets.headerShown: false) and keep transparent content when appropriate.GlassView for high-emphasis surfaces only (title capsule, key cards, swipe actions).glassEffectStyle="regular".isInteractive for tappable glass surfaces.borderCurve: "continuous" where used.Stack.Toolbar.SearchBarSlot.left: navigation (chevron.left, history).right: settings/info/filter/overflow menus.bottom or default toolbar: search slot + compose/add/switch controls.Stack.Toolbar.View: custom inline control area inside toolbar (for example text input mode).When applying this skill, produce:
pattern-map.md.header-recipes.md.