swiftui-ui-patterns
Apply proven SwiftUI UI patterns for navigation, sheets, async state, and reusable screens.
npx skills add sickn33/agentic-awesome-skills --skill swiftui-ui-patterns --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# SwiftUI UI Patterns ## Quick start ## When to Use - When creating or refactoring SwiftUI screens, flows, or reusable UI components. - When you need guidance on navigation, sheets, async state, previews, or component patterns. 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. ### New project scaffolding - Start with `references/app-wiring.md` to wire TabView + NavigationStack + sheets. - Add a minimal `AppTab` and `RouterPath` based on the provided skeletons. - Choose the next
- Quick start
- When to Use
- Existing project
- New project scaffolding
- General rules to follow
- State ownership summary
- Cross-cutting references
- Anti-patterns
- Workflow for a new SwiftUI view
- Component references
- Adding a new component reference
- Limitations
What does the swiftui-ui-patterns skill do?
Apply proven SwiftUI UI patterns for navigation, sheets, async state, and reusable screens.
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill swiftui-ui-patterns --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.