Individual skill
swiftui-ui-patterns
Best practices and example-driven guidance for building SwiftUI views and components, including navigation hierarchies, custom view modifiers, and responsive layouts with stacks and grids. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens with VStack/HStack, managing @State or @Binding, building declarative iOS interfaces, or needing component-specific patterns and examples.
swiftui-ui-patterns/SKILL.md
Source commit 05ba982bfeb0d77d3c97d4542b0ee15034d05f84
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Network or broad shell
- Last checked
- Nov 9, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 4,027
- Repository last updated
- Mar 29, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- engineering Derived category
- design Derived category
- design-interface Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 7,440 bytesSKILL.mdcore · 7,440 bytesagents/openai.yamlasset · 221 bytesreferences/app-wiring.mddoc · 6,637 bytesreferences/async-state.mddoc · 2,833 bytesreferences/components-index.mddoc · 4,303 bytesreferences/controls.mddoc · 1,682 bytesreferences/deeplinks.mddoc · 1,703 bytesreferences/focus.mddoc · 2,390 bytesreferences/form.mddoc · 3,062 bytesreferences/grids.mddoc · 1,851 bytesreferences/haptics.mddoc · 2,049 bytesreferences/input-toolbar.mddoc · 1,451 bytesreferences/lightweight-clients.mddoc · 2,524 bytesreferences/list.mddoc · 2,732 bytesreferences/loading-placeholders.mddoc · 1,274 bytesreferences/macos-settings.mddoc · 1,997 bytesreferences/matched-transitions.mddoc · 1,674 bytesreferences/media.mddoc · 2,040 bytesreferences/menu-bar.mddoc · 2,236 bytesreferences/navigationstack.mddoc · 4,343 bytesreferences/overlay.mddoc · 1,238 bytesreferences/performance.mddoc · 1,990 bytesreferences/previews.mddoc · 1,688 bytesreferences/scroll-reveal.mddoc · 5,299 bytesreferences/scrollview.mddoc · 2,364 bytesreferences/searchable.mddoc · 1,727 bytesreferences/sheets.mddoc · 4,272 bytesreferences/split-views.mddoc · 2,027 bytesreferences/tabview.mddoc · 3,486 bytesreferences/theming.mddoc · 1,776 bytesreferences/title-menus.mddoc · 2,115 bytesreferences/top-bar.mddoc · 1,359 bytes
Read excerpt
# SwiftUI UI Patterns
## Quick start
Choose a track based on your goal:
### Existing project
- Identify the feature or screen and the primary interaction model (list, detail, editor, settings, tabbed).
- Find a nearby example in the repo with `rg "TabView\("` or similar, then read the closest SwiftUI view.
- Apply local conventions: prefer SwiftUI-native state, keep state local when possible, and use environment injection for shared dependencies.
- Choose the relevant component reference from `references/components-index.md` and follow its guidance.
- If the interaction reveals secondary content by dragging or scrolling the primary content away, read `references/scroll-reveal.md` before implementing gestures manually.
- Build the view with small, focused subviews and SwiftUI-native data flow.