axiom-swiftui-layout

Guide adaptive SwiftUI layouts using ViewThatFits, AnyLayout, onGeometryChange, and GeometryReader.

Updated Dec 3, 2025
One-click install
npx skills add https://github.com/tuliopc23/flying-dutchman-app --skill axiom-swiftui-layout-tuliopc23
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: axiom-swiftui-layout
Source: https://github.com/tuliopc23/flying-dutchman-app/tree/main/.claude/skills/axiom-swiftui-layout
Command: npx skills add https://github.com/tuliopc23/flying-dutchman-app --skill axiom-swiftui-layout-tuliopc23

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers build SwiftUI layouts that automatically adapt to various screen sizes, multitasking environments, and window configurations, preventing common device-specific layout mistakes.

Core Features & Use Cases

  • Responsive Design: Ensures layouts work seamlessly across iPhones, iPads, and future Apple devices.
  • Multitasking Support: Handles Split View, Stage Manager, and iOS 26 free-form windows gracefully.
  • Tool Selection Guidance: Provides decision trees and comparisons for ViewThatFits, AnyLayout, onGeometryChange, and GeometryReader.
  • Use Case: You need to design a complex dashboard view that looks great on an iPhone in portrait, an iPad in full-screen landscape, and an iPad in a small 33% split-view window. This Skill guides you to use the right tools to make it adapt fluidly.

Quick Start

Use the axiom-swiftui-layout skill to determine the best approach for making a SwiftUI view adapt to different screen sizes.

Frequently Asked Questions about axiom-swiftui-layout

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

FAQPage Schema
How do I make a SwiftUI layout adapt to different screen sizes?

Handle iPad multitasking layouts in SwiftUI by responding to available space instead of fixed device assumptions. This approach ensures views adapt gracefully to Split View, Stage Manager, and iOS 26 free-form windows.

What is the best way to choose between GeometryReader and ViewThatFits in SwiftUI?

The best way to choose between GeometryReader and ViewThatFits in SwiftUI is using provided decision trees. These guide you to select the right tool based on available space, preventing device-based layout errors in complex adaptive designs.

When should I use AnyLayout for responsive design in iOS development?

Use AnyLayout for responsive design in iOS development when you need to switch between different layout containers dynamically. It helps create adaptive SwiftUI layouts that respond fluidly to available space variations rather than fixed screen sizes.

Does onGeometryChange work well for preventing device-based layout errors in SwiftUI?

onGeometryChange works well for preventing device-based layout errors in SwiftUI by tracking available space changes. It offers best practices alongside ViewThatFits, AnyLayout, and GeometryReader to ensure layouts adapt correctly across multitasking environments.

Why does my SwiftUI view break in iPad Split View and Stage Manager?

Your SwiftUI view breaks in iPad Split View and Stage Manager because it likely relies on fixed device assumptions instead of available space. Using adaptive tools like ViewThatFits and AnyLayout ensures layouts respond fluidly to varying window sizes.