使用堆栈、网格、列表、滚动视图、表单和控件构建 SwiftUI 布局。涵盖 VStack/HStack/ZStack、LazyVGrid/LazyHGrid、包含部分和滑动操作的列表、带有 ScrollViewReader 的 ScrollView、带有验证的表单、Toggle/Picker/Slider、.searchable 和覆盖模式。在构建数据驱动布局、集合视图、设置屏幕、搜索界面或瞬态覆盖 UI 时使用。
通过命令行快速安装 swiftui-layout-components AI 技能到你的开发环境
来源：dpearson2699/swift-ios-skills。
Layout and component patterns for SwiftUI apps targeting iOS 26+ with Swift 6.2. Covers stack and grid layouts, list patterns, scroll views, forms, controls, search, and overlays. Patterns are backward-compatible to iOS 17 unless noted.
Use VStack, HStack, and ZStack for small, fixed-size content. They render all children immediately.
Use LazyVStack and LazyHStack inside ScrollView for large or dynamic collections. They create child views on demand as they scroll into view.
使用堆栈、网格、列表、滚动视图、表单和控件构建 SwiftUI 布局。涵盖 VStack/HStack/ZStack、LazyVGrid/LazyHGrid、包含部分和滑动操作的列表、带有 ScrollViewReader 的 ScrollView、带有验证的表单、Toggle/Picker/Slider、.searchable 和覆盖模式。在构建数据驱动布局、集合视图、设置屏幕、搜索界面或瞬态覆盖 UI 时使用。 来源：dpearson2699/swift-ios-skills。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/dpearson2699/swift-ios-skills --skill swiftui-layout-components使用堆栈、网格、列表、滚动视图、表单和控件构建 SwiftUI 布局。涵盖 VStack/HStack/ZStack、LazyVGrid/LazyHGrid、包含部分和滑动操作的列表、带有 ScrollViewReader 的 ScrollView、带有验证的表单、Toggle/Picker/Slider、.searchable 和覆盖模式。在构建数据驱动布局、集合视图、设置屏幕、搜索界面或瞬态覆盖 UI 时使用。 来源：dpearson2699/swift-ios-skills。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/dpearson2699/swift-ios-skills --skill swiftui-layout-components 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/dpearson2699/swift-ios-skills