macos-toolbar-sidebar

Community

Build native macOS toolbar, sidebar, and inspector UIs.

AuthorLaughingJackalope
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill eliminates the guesswork of implementing platform-conformant macOS toolbar, sidebar, inspector, and split view interfaces that match Apple's Human Interface Guidelines, avoiding non-native custom implementations that feel out of place for Mac users.

Core Features & Use Cases

  • Native SwiftUI UI Patterns: Implements standard macOS toolbar placements, three-column NavigationSplitView layouts, slide-in inspector panels, sidebar-styled Lists, and hierarchical OutlineGroup sidebars.
  • AppKit Interop for Advanced Layouts: Provides guidance for wrapping NSSplitViewController for complex multi-pane layouts that exceed SwiftUI's built-in capabilities.
  • Use Case: Build a document-based Mac app with a collapsible navigation sidebar, centered document title menu in the toolbar, and a slide-in formatting inspector that persists across app launches.

Quick Start

Use the macos-toolbar-sidebar skill to add a three-column navigation layout with a collapsible sidebar, centered document title menu, and slide-in formatting inspector to your macOS document editor app.

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: macos-toolbar-sidebar
Download link: https://github.com/LaughingJackalope/macos-skills/archive/main.zip#macos-toolbar-sidebar

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.