macos-app-design
✓Use when designing or building native macOS applications with SwiftUI or AppKit. Triggers on menu bar structure, keyboard shortcuts, multi-window behavior, Liquid Glass design system, macOS Tahoe/Sequoia, sidebar navigation, toolbar design, app icons, SF Symbols, or making an app feel like a "good Mac citizen."
Installation
SKILL.md
Guide for designing and implementing native-feeling, "good Mac citizen" apps: fast, elegant, accessible, and deeply integrated with macOS workflows.
| Menu Bar | Standard layout (App/File/Edit/View/Window/Help), ⌘, for Settings | | Keyboard | Every primary command reachable via keyboard, standard shortcuts work | | Windows | Resize fluidly, support multiple windows, respect fullscreen/minimize | | Sidebars | Top-level navigation, scannable items, content extends behind |
| Toolbars | Group by function/frequency, demote secondary to "more" menu | | Text | Use system text components, standard editing behaviors | | Accessibility | VoiceOver labels, full keyboard navigation, Reduced Motion support |
Use when designing or building native macOS applications with SwiftUI or AppKit. Triggers on menu bar structure, keyboard shortcuts, multi-window behavior, Liquid Glass design system, macOS Tahoe/Sequoia, sidebar navigation, toolbar design, app icons, SF Symbols, or making an app feel like a "good Mac citizen." Source: petekp/claude-code-setup.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/petekp/claude-code-setup --skill macos-app-design- Source
- petekp/claude-code-setup
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is macos-app-design?
Use when designing or building native macOS applications with SwiftUI or AppKit. Triggers on menu bar structure, keyboard shortcuts, multi-window behavior, Liquid Glass design system, macOS Tahoe/Sequoia, sidebar navigation, toolbar design, app icons, SF Symbols, or making an app feel like a "good Mac citizen." Source: petekp/claude-code-setup.
How do I install macos-app-design?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/petekp/claude-code-setup --skill macos-app-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/petekp/claude-code-setup
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01