# Swiftui

> SwiftUI best practices for views, state management, animations, forms, lists, scroll, performance, and modern APIs. Use when writing ANY SwiftUI view, creating UI components, managing @State/@Observable, or building layouts. Triggers: View, body, @State, @Observable, NavigationStack, List, Form, animation, withAnimation, .task.

- Skill: `abdullah4ai/swiftui` (Agent Skill, multi-file: 11 files)
- Install (CLI): `npx skillmds@latest add abdullah4ai/swiftui`
- Raw SKILL.md: https://api.skillmd.com/api/skills/abdullah4ai/swiftui/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Productivity
- Author: abdullah4ai (https://skillmd.com/u/abdullah4ai)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/abdullah4ai/swiftui

---

# SwiftUI Patterns

Read the relevant guide for your current task:
- [animations.md](reference/animations.md) — timing, transitions, keyframes
- [forms.md](reference/forms.md) — form layout, validation, input controls
- [lists.md](reference/lists.md) — list patterns, ForEach, swipe actions
- [scroll.md](reference/scroll.md) — ScrollView, paging, parallax
- [state.md](reference/state.md) — @State, @Observable, property wrappers
- [performance.md](reference/performance.md) — optimization, lazy loading, debug
- [text.md](reference/text.md) — number/date/currency formatting
- [media.md](reference/media.md) — image containment/clipping, video thumbnails, photos, maps, camera
- [modern-apis.md](reference/modern-apis.md) — latest SwiftUI API preferences
- [liquid-glass.md](reference/liquid-glass.md) — glass effects, morphing, tinting