skills.rest
onymchat
onymchatOFFICIAL
Explore all skills by this author →
GitHub

swiftui-layout-components

Guide SwiftUI layout construction with stacks, grids, lists, and forms.

Updated Apr 30, 2026
Search Tags:#layout#patterns#forms#list#swiftui#grid#scrollview
One-click install
npx skills add https://github.com/onymchat/onym-ios --skill swiftui-layout-components-onymchat
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: swiftui-layout-components
Source: https://github.com/onymchat/onym-ios/tree/main/.claude/skills/swiftui-layout-components
Command: npx skills add https://github.com/onymchat/onym-ios --skill swiftui-layout-components-onymchat

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Building consistent, scalable SwiftUI layouts can be error-prone and time-consuming; this Skill consolidates patterns for stacks, grids, lists, scroll views, forms, and overlays into a single reference.

Core Features & Use Cases

  • Layout fundamentals with standard and lazy stacks (VStack, HStack, ZStack, LazyVStack, LazyHStack) for performance and clarity.
  • Grid and section patterns with LazyVGrid, adaptive/flexible/fixed columns for responsive UIs.
  • List patterns and scroll integration for feeds, settings, and dynamic content with ScrollPosition and sectioning.
  • Form controls, searchability, and overlay/presentation patterns with iOS 26 enhancements.
  • Common pitfalls and best practices to avoid perf issues and messy layouts.

Quick Start

Create a simple SwiftUI view demonstrating a VStack layout, a LazyVGrid of items, and a List to show typical UI patterns.

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 responsive grid layouts in SwiftUI using adaptive columns?▼

Build responsive SwiftUI grid layouts using LazyVGrid with adaptive, flexible, or fixed column definitions to automatically adjust item placement across different screen sizes.

When should I use LazyVStack instead of VStack in SwiftUI?▼

Use LazyVStack instead of VStack in SwiftUI when rendering large data sets to ensure views load on demand, avoiding the performance issues that standard stacks cause with extensive lists.

Does this Skill support iOS 26 scroll edge effects and safe area insets?▼

Yes, this Skill supports iOS 26 by applying modern scroll edge effects and safe area insets to enhance the visual transition between scrollable content and navigation boundaries.

What is the best way to structure SwiftUI forms and list patterns?▼

The best way to structure SwiftUI forms and lists is by applying consistent list patterns with ScrollPosition and sectioning, integrating form controls and searchability for dynamic content.

Why should I avoid GeometryReader inside lazy containers in SwiftUI?▼

Avoid using GeometryReader inside lazy containers in SwiftUI because it forces immediate rendering and disables lazy loading, defeating the performance benefits required for large data sets.

Related Skills

Explore More Software Engineering Skills→
mintuzmintuz
21

swift-testing

Automate Swift tests using the Swift Testing framework with @Test and #expect.

Community
Basic
nlelouchenlelouche
71

mvvm-binding-system

Implements MVVM architecture with reactive data binding for Unity UI Toolkit.

Community
Advanced
RektooooooRektoooooo
2

swiftui-navigation

Implement dynamic SwiftUI navigation flows with UIKit integration for iOS apps.

Community
Intermediate
pluginagentmarketplacepluginagentmarketplace
9

swift-uikit

Automate UIKit UI development tasks for iOS views, view controllers, and Auto Layout.

Community
Advanced