swiftui-macos-layout

Community

Build native macOS SwiftUI layouts, tables, and forms

AuthorLaughingJackalope
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Building native macOS SwiftUI layouts often requires navigating platform-specific quirks like AppKit interoperability, responsive sizing behavior, and native design conventions that differ from iOS, leading to broken layouts, incorrect styling, and poor user experience if implemented incorrectly.

Core Features & Use Cases

  • Native Layout Primitives: Master macOS-specific behavior of VStack, HStack, ZStack, LazyVGrid, Grid, and ViewThatFits, including AppKit integration and coordinate space handling.
  • Platform UI Components: Implement sortable multi-column Tables, Finder-style sidebar Lists, hierarchical OutlineGroups, and native grouped/insetGrouped Forms that match macOS design patterns.
  • Responsive & Adaptive Layouts: Handle window sizing, GeometryReader caveats, and responsive inspector/sidebar layouts that adapt to window resizes without visual glitches. For example, build a file manager with a sortable Table, sidebar navigation List, and detail view that adjusts layout based on available window width.

Quick Start

Use the swiftui-macos-layout skill to build a native macOS file manager interface with a sortable table, sidebar navigation list, and responsive detail view that adapts to window resizing.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: swiftui-macos-layout
Download link: https://github.com/LaughingJackalope/macos-skills/archive/main.zip#swiftui-macos-layout

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 537,000+ vetted skills library on demand.