abdullah4ai/layout
swiftship/internal/skills/data/always-macos/layout/SKILL.md
macOS layout patterns: window sizing, toolbar, sidebar columns, resizable windows, Dynamic Type. Use when working on macOS layout, window management, or toolbar customization. Triggers: layout, window, toolbar, sidebar, defaultSize, windowResizability.
$ install --global
skillsauthnpx skillsauth add abdullah4ai/apple-dev-docs layoutInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Mar 30, 2026, 4:14 AM36.7s1 file scanned
SKILL.md
- name:
- layout
- description:
- macOS layout patterns: window sizing, toolbar, sidebar columns, resizable windows, Dynamic Type. Use when working on macOS layout, window management, or toolbar customization. Triggers: layout, window, toolbar, sidebar, defaultSize, windowResizability.
Layout Patterns (macOS)
Window Default Sizing
WindowGroup {
ContentView()
}
.defaultSize(width: 900, height: 600)
Window Resizability
// Allow free resizing with a minimum content size
WindowGroup {
ContentView()
.frame(minWidth: 600, minHeight: 400)
}
.windowResizability(.contentMinSize)
// Fixed content size (non-resizable)
Window("Preferences", id: "prefs") {
PreferencesView()
}
.windowResizability(.contentSize)
Toolbar
NavigationSplitView {
SidebarView()
} detail: {
DetailView()
.toolbar {
ToolbarItem(placement: .principal) {
Text("Document")
.font(AppTheme.Fonts.headline)
}
ToolbarItemGroup {
Button("Share", systemImage: "square.and.arrow.up") { share() }
Button("Settings", systemImage: "gear") { openSettings() }
}
}
}
Customizable Toolbar
.toolbar(id: "editor") {
ToolbarItem(id: "bold", placement: .automatic) {
Button("Bold", systemImage: "bold") { toggleBold() }
}
ToolbarItem(id: "italic", placement: .automatic) {
Button("Italic", systemImage: "italic") { toggleItalic() }
}
}
.toolbarRole(.editor)
Sidebar Column Width
NavigationSplitView {
SidebarView()
.navigationSplitViewColumnWidth(min: 180, ideal: 220, max: 300)
} content: {
ContentList()
.navigationSplitViewColumnWidth(min: 250, ideal: 300)
} detail: {
DetailView()
}
Adaptive Sizing
GeometryReader { geometry in
let columns = geometry.size.width > 800
? [GridItem(.adaptive(minimum: 200))]
: [GridItem(.adaptive(minimum: 150))]
LazyVGrid(columns: columns) {
ForEach(items) { item in
ItemCard(item: item)
}
}
}
Dynamic Type + Accessibility
@Environment(\.dynamicTypeSize) var dynamicTypeSize
var body: some View {
VStack(spacing: AppTheme.Spacing.medium) {
Text(title)
.font(AppTheme.Fonts.headline)
Text(subtitle)
.font(AppTheme.Fonts.body)
}
.padding(AppTheme.Spacing.large)
}
Safe Areas
macOS windows have title bar inset and traffic light buttons area:
VStack {
content
}
.padding() // Respect default window padding
File Handling (Open/Save Panels)
.fileImporter(
isPresented: $showImporter,
allowedContentTypes: [.json, .plainText]
) { result in
handleImport(result)
}
.fileExporter(
isPresented: $showExporter,
document: myDocument,
contentType: .json
) { result in
handleExport(result)
}
NOT Available on macOS
- No device rotation — desktop has resizable windows
- No
.edgesIgnoringSafeAreapatterns for notch/Dynamic Island - No status bar customization
- No
UIScreen.main.bounds— use GeometryReader or window sizing
Rules
- Use
.defaultSize(width:height:)for initial window dimensions - Use
.windowResizability(.contentMinSize)for resizable windows with minimums - Use
.toolbar {}with placement for toolbar items - Use
.toolbarRole(.editor)for user-customizable toolbars - Use
.navigationSplitViewColumnWidth()to control sidebar widths - Design for resizable windows — never assume fixed dimensions
- Use AppTheme spacing tokens for consistent layout
- Use
.fileImporter()/.fileExporter()for open/save panels
Related Skills
abdullah4ai/scenekit-game
testing
VerifiedTrustedCommunity
Use for 3D games: racing, 3D sports, board games, marble maze, tower defense, bowling. SceneKit + SceneView architecture, 3D scene hierarchy, physics, game loop, primitives, materials, cameras, particles, audio.
8SKILL.mdUpdated Jul 23, 2026
abdullah4ai/game-ui
documentation
VerifiedTrustedCommunity
Game UI patterns: SwiftUI HUD overlays on SpriteKit, menus (main/pause/game-over), virtual joystick/d-pad, score displays, health bars, tutorial onboarding.
8SKILL.mdUpdated Jul 23, 2026
abdullah4ai/game-assets
tools
VerifiedTrustedCommunity
Download free game sprites/textures/3D models and generate procedural assets. Covers nw_download_asset tool, texture factories, sprite atlas organization, 3D model loading, and programmatic asset creation.
8SKILL.mdUpdated Jul 23, 2026
abdullah4ai/spritekit-game
testing
VerifiedTrustedCommunity
Use for 2D games: arcade, puzzle, sports, ping pong, platformer, shooter, 2D racing. SpriteKit + SpriteView architecture, scene hierarchy, physics, game loop, audio, particles, game feel.
8SKILL.mdUpdated Mar 27, 2026