Individual skill
guide-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.
disabled-skills/guide-swiftui-ui-patterns/SKILL.md
Source commit 498626005e65783ebe8570a103b2335cf397768c
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Not checked yet
- Last checked
- Nov 7, 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)
- 356
- Repository last updated
- Sep 26, 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,721 bytesSKILL.mdcore · 7,721 bytesreferences/accessibility.mddoc · 5,876 bytesreferences/app-wiring.mddoc · 6,637 bytesreferences/async-state.mddoc · 2,833 bytesreferences/components-index.mddoc · 5,538 bytesreferences/controls.mddoc · 1,687 bytesreferences/deeplinks.mddoc · 1,703 bytesreferences/focus.mddoc · 7,865 bytesreferences/form.mddoc · 3,062 bytesreferences/grids.mddoc · 1,851 bytesreferences/haptics.mddoc · 2,049 bytesreferences/image-optimization.mddoc · 7,373 bytesreferences/input-toolbar.mddoc · 1,451 bytesreferences/latest-apis.mddoc · 7,210 bytesreferences/layout-best-practices.mddoc · 6,775 bytesreferences/lightweight-clients.mddoc · 2,524 bytesreferences/list.mddoc · 8,370 bytesreferences/loading-placeholders.mddoc · 1,274 bytesreferences/macos-settings.mddoc · 2,111 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-patterns.mddoc · 6,228 bytesreferences/scroll-reveal.mddoc · 5,200 bytesreferences/scrollview.mddoc · 2,364 bytesreferences/searchable.mddoc · 1,727 bytesreferences/sheet-navigation-patterns.mddoc · 10,873 bytesreferences/sheets.mddoc · 4,272 bytesreferences/split-views.mddoc · 2,027 bytesreferences/state-management.mddoc · 10,432 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
> **Guide Skill** — This is an expert workflow/pattern guide, not API reference documentation.
> Originally from [Dimillian/Skills](https://github.com/Dimillian/Skills) by Thomas Ricouard. MIT License.
# 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.