macos-settings-ui

Generate a macOS Settings window scaffold with NavigationSplitView and liquid glass chrome.

Updated Jun 5, 2026
One-click install
npx skills add https://github.com/harshav167/build-ios-apps --skill macos-settings-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: macos-settings-ui
Source: https://github.com/harshav167/build-ios-apps/tree/main/skills/macos-settings-ui
Command: npx skills add https://github.com/harshav167/build-ios-apps --skill macos-settings-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The skill enables developers to create a native macOS Settings UI with modern macOS 26 design, including a sidebar + detail NavigationSplitView, liquid glass chrome, and properly styled forms, saving time and ensuring consistency across apps.

Core Features & Use Cases

  • Native macOS 26-style Settings window implemented via NSWindowController, with fullSizeContentView for the liquid glass chrome.
  • Sidebar + detail layout using NavigationSplitView, a back/forward toolbar, and grouped Form sections for structured settings.
  • Reusable reference implementation covering SettingsWindowController.swift, SettingsView.swift, and a sample detail pane to accelerate integration.

Quick Start

Invoke this skill to generate a wired Settings window scaffold for your macOS app that uses a NavigationSplitView and liquid glass chrome.

Frequently Asked Questions about macos-settings-ui

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

FAQPage Schema
How do I build a native macOS Settings UI with a NavigationSplitView?

You can build a native macOS Settings UI by generating a SwiftUI scaffold that implements a NavigationSplitView for the sidebar and detail layout, using an NSWindowController to enforce the window structure and applying required modifiers for grouped forms.

How do I apply liquid glass chrome to a macOS Settings window in SwiftUI?

To apply liquid glass chrome to a macOS Settings window, use an NSWindowController with fullSizeContentView enabled, allowing the SwiftUI content to extend edge-to-edge and render the modern macOS 26 translucent material effect.

What is the correct way to structure a macOS Settings window using NSWindowController?

The correct structure for a macOS Settings window uses an NSWindowController to manage the window lifecycle, hosting a SwiftUI SettingsView that contains a NavigationSplitView with a back and forward toolbar and grouped Form sections.

Can I use grouped Form sections and a toolbar in a SwiftUI macOS Settings view?

Yes, you can use grouped Form sections and a back and forward toolbar in a SwiftUI macOS Settings view by applying the specific modifiers codified for structured settings layouts within the NavigationSplitView detail pane.

Does this approach require a dedicated Settings window scaffold for macOS 26 design?

Yes, this approach requires a dedicated Settings window scaffold designed for macOS 26 to ensure native consistency, providing reference files like SettingsWindowController.swift and SettingsView.swift to accelerate integration.

Why use NSWindowController instead of standard SwiftUI windows for macOS Settings?

Using NSWindowController instead of standard SwiftUI windows enforces a native window structure required for macOS Settings, ensuring proper fullSizeContentView behavior for liquid glass chrome and reliable toolbar integration.