toolbars

Implement customizable SwiftUI toolbars with search integration across Apple platforms.

27|5|Updated Apr 18, 2026
One-click install
npx skills add https://github.com/bocan/bocan-music --skill toolbars-bocan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: toolbars
Source: https://github.com/bocan/bocan-music/tree/main/.claude/skills/swiftui/toolbars
Command: npx skills add https://github.com/bocan/bocan-music --skill toolbars-bocan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the frustration of implementing inconsistent, non-native, or hard-to-customize toolbars in SwiftUI apps that fail to follow Apple's latest platform-specific design patterns, leading to poor user experience across iOS, iPadOS, and macOS.

Core Features & Use Cases

  • Customizable User Toolbars: Let users add, remove, and rearrange toolbar items on iPadOS and macOS to match their workflow, aligning with native system behavior.
  • Enhanced Search Integration: Add minimized search buttons for small screens or reposition search fields to optimal placements like the bottom bar for better accessibility.
  • Platform-Specific Optimizations: Implement correct toolbar layouts for each Apple platform, including large subtitle areas and glass background controls for macOS, to meet Apple Human Interface Guidelines.
  • Use Case: For a cross-platform note-taking app, use this Skill to add a customizable toolbar on macOS that lets users pin their most-used actions, plus a minimized search button on iPhone to save screen space.

Quick Start

Use the swiftui toolbars skill to add a customizable toolbar with a search field and platform-specific placements to your cross-platform SwiftUI note-taking app.

Frequently Asked Questions about toolbars

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

FAQPage Schema
How do I add a customizable toolbar in SwiftUI across iOS and macOS?

To add a customizable SwiftUI toolbar across iOS and macOS, you implement modern toolbar APIs from iOS 16 onward that let users add, remove, and rearrange toolbar items to match their workflow on iPadOS and macOS.

What is the best way to integrate a search field into a SwiftUI toolbar for small screens?

The best way to integrate a search field on small screens is adding a minimized search button for iPhone to save screen space, or repositioning the search field to optimal placements like the bottom bar for better accessibility.

Does this SwiftUI toolbar approach support Apple Human Interface Guidelines for macOS?

Yes, this SwiftUI toolbar approach supports Apple Human Interface Guidelines by implementing correct platform-specific layouts for macOS, including large subtitle areas and glass background controls.

Can I build platform-native toolbars in SwiftUI without third-party dependencies?

You can build platform-native SwiftUI toolbars without third-party dependencies by leveraging modern SwiftUI toolbar APIs from iOS 16 onward to ensure consistent, native design across iOS, iPadOS, and macOS.

Why does my SwiftUI toolbar layout look inconsistent between iPhone and iPad?

SwiftUI toolbar layouts looks inconsistent between iPhone and iPad when platform-specific optimizations are missing, requiring dynamic toolbar configurations and correct layout adjustments for each Apple platform.

When do I need dynamic toolbar configurations in a SwiftUI app?

You need dynamic toolbar configurations in a SwiftUI app when developing cross-platform applications requiring toolbar item transitions, search field integration, and user customization support across iOS, iPadOS, and macOS.