skills.rest
joelhooks
joelhooksCOMMUNITY
Explore all skills by this author →
Website𝕏@joelhooksGitHub

axiom-swiftui-layout

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

61|3|Updated Feb 14, 2026
Search Tags:#layout#responsive design#ios#multitasking#adaptive#swiftui
One-click install
npx skills add https://github.com/joelhooks/joelclaw --skill axiom-swiftui-layout
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: axiom-swiftui-layout
Source: https://github.com/joelhooks/joelclaw/tree/main/.agents/skills/axiom-swiftui-layout
Command: npx skills add https://github.com/joelhooks/joelclaw --skill axiom-swiftui-layout

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 different screen sizes, multitasking environments, and window shapes, preventing common device-specific layout mistakes.

Core Features & Use Cases

  • Adaptive Layout Strategies: Provides decision trees for choosing between ViewThatFits, AnyLayout, and onGeometryChange.
  • Platform Trait Handling: Addresses size class limitations and dynamic type scaling.
  • iOS 26+ Free-Form Windows: Prepares apps for resizable windows and new multitasking modes.
  • Use Case: Ensure your app's interface looks and functions perfectly whether it's on an iPhone in portrait, an iPad in Stage Manager, or a future device with a resizable window.

Quick Start

Use the axiom-swiftui-layout skill to determine the best approach for making a SwiftUI view adapt to available space.

Frequently Asked Questions about axiom-swiftui-layout

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

FAQPage Schema
How do I create adaptive SwiftUI layouts that respond to different screen sizes?▼

Adaptive SwiftUI layouts respond to varying screen sizes by using decision trees to select appropriate tools like ViewThatFits, AnyLayout, and onGeometryChange. This ensures interfaces automatically adjust without hardcoding device-specific dimensions.

What's the best way to handle SwiftUI size class limitations for multitasking environments?▼

Handling SwiftUI size class limitations for multitasking environments involves addressing dynamic type scaling and avoiding device assumptions. The skill provides strategies to ensure views adapt correctly across iPad Stage Manager and split-screen modes.

How do I prepare SwiftUI apps for iOS 26 free-form window behaviors?▼

Preparing SwiftUI apps for iOS 26 free-form window behaviors requires building layouts that are robust against device assumptions. Using AnyLayout and onGeometryChange ensures views respond dynamically to resizable window shapes.

When should I use ViewThatFits versus AnyLayout in SwiftUI?▼

ViewThatFits versus AnyLayout selection depends on available space and multitasking context. The skill offers decision trees to choose between them, ensuring your adaptive SwiftUI layout handles size class transitions smoothly.

Why does my SwiftUI layout break when resizing windows in Stage Manager?▼

SwiftUI layouts break when resizing windows in Stage Manager due to rigid device assumptions and ignored size class limitations. Implementing onGeometryChange and adaptive layout strategies prevents these multitasking layout failures.

Related Skills

Explore More Software Engineering Skills→
neogenzneogenz
4

mobile-ios-design

Design iOS interfaces with SwiftUI following Apple's Human Interface Guidelines.

Community
Basic
tuliopc23tuliopc23

axiom-swiftui-layout

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

Community
Intermediate
helmordevhelmordev

ipados-design-guidelines

Create iPad-optimized SwiftUI and UIKit interfaces with adaptive layouts and multitasking support.

Community
Intermediate
DengNaichenDengNaichen
34

axiom-uikit

Debug UIKit and SwiftUI interoperability with Auto Layout and lifecycle patterns.

Community
Advanced