swiftui-layout-components

Provide ready-made SwiftUI layout patterns for stacks, grids, and lists.

Updated Apr 19, 2026
One-click install
npx skills add https://github.com/femitz/flyby --skill swiftui-layout-components-femitz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: swiftui-layout-components
Source: https://github.com/femitz/flyby/tree/main/.agents/skills/swiftui-layout-components
Command: npx skills add https://github.com/femitz/flyby --skill swiftui-layout-components-femitz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

SwiftUI layout creation can be tedious and inconsistent across screens; this guide consolidates common stacking, grid, list, and overlay patterns into reusable, battle-tested approaches.

Core Features & Use Cases

  • Layout fundamentals: VStack/HStack/ZStack, LazyVStack/LazyHStack, and grid-based patterns for scalable UIs
  • Complex lists and sections: List with sections, search integration, and pull-to-refresh patterns
  • Scroll and overlay patterns: ScrollView, overlay, and presentation patterns for transient UI
  • Use case: build data-driven dashboards, settings screens, and content-rich interfaces efficiently

Quick Start

Describe a SwiftUI layout you want to implement, and I will provide ready-to-use pattern guidance and example code.

Frequently Asked Questions about swiftui-layout-components

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build data-driven dashboards in SwiftUI efficiently?

Data-driven dashboards in SwiftUI can be built using ready-made grid and stack patterns, accelerating UI construction with consistent layouts. This guide provides battle-tested approaches for scalable interfaces across various device sizes.

What's the best way to create complex forms and settings screens in SwiftUI?

Complex forms and settings screens in SwiftUI benefit from consolidated layout patterns using sections and stacks. This guide offers reusable approaches for building content-rich interfaces with consistent UI structure.

How do I implement search integration and pull-to-refresh in SwiftUI lists?

SwiftUI list patterns with search integration and pull-to-refresh are provided as ready-to-use code examples. This guide consolidates these complex list behaviors into reusable, scalable approaches for data-driven iOS apps.

When should I use LazyVStack and LazyHStack instead of regular stacks in SwiftUI?

LazyVStack and LazyHStack in SwiftUI are used for scalable UIs requiring lazy loading of content. This guide covers layout fundamentals distinguishing when to apply lazy versus standard stacking patterns for optimal performance.

Can I use ScrollView and overlay patterns for transient UI in SwiftUI?

ScrollView and overlay patterns in SwiftUI support transient UI presentation and scrolling content. This guide provides ready-to-use pattern guidance for implementing scroll and overlay behaviors across different device sizes.

Does this SwiftUI layout guide cover patterns for multiple device sizes?

Yes, this SwiftUI layout guide provides scalable grid and stack patterns designed for various device sizes. It consolidates core patterns ensuring consistency across iOS apps requiring data-driven layouts.