skills.rest
cloudofgeorge
cloudofgeorgeCOMMUNITY
Explore all skills by this author →
Website𝕏@cloudofgeorgeGitHub

macos-app-design

Outline macOS-native UI design workflows with Apple conventions and Liquid Glass.

Updated May 11, 2026
Search Tags:#design#macos#swiftui#appkit#liquid-glass#sf-symbols#keyboard-shortcuts
One-click install
npx skills add https://github.com/cloudofgeorge/AI-hands --skill macos-app-design-cloudofgeorge
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: macos-app-design
Source: https://github.com/cloudofgeorge/AI-hands/tree/main/skills/macos-app-design
Command: npx skills add https://github.com/cloudofgeorge/AI-hands --skill macos-app-design-cloudofgeorge

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provide a comprehensive guide to designing and building native macOS applications that feel like genuine Mac experiences, leveraging SwiftUI or AppKit, and aligning with system conventions and the Liquid Glass design system.

Core Features & Use Cases

  • Guidance on macOS-native IA, navigation patterns, and UI components (menu bar, windows, sidebars, toolbars) to ensure a cohesive, performant user experience.
  • Reference for applying Liquid Glass, SF Symbols, and accessibility best practices across SwiftUI and AppKit implementations.
  • Use Case: When starting a new macOS app, consult this guide to ensure the app architecture, visuals, and interactions feel like a "good Mac citizen."

Quick Start

Design a macOS native UI following Apple system conventions and Liquid Glass patterns.

Frequently Asked Questions about macos-app-design

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

FAQPage Schema
How do I design a macOS app that feels native to the system?▼

A native macOS app design follows Apple conventions for menus, windows, sidebars, and toolbars. It defines IA patterns, keyboard navigation, and system integration guidelines to ensure a cohesive, performant user experience.

How do I apply Liquid Glass and SF Symbols in SwiftUI or AppKit?▼

Applying Liquid Glass and SF Symbols involves specifying their implementation within your SwiftUI or AppKit codebase. This maintains visual consistency and accessibility while ensuring optimal performance across macOS application interfaces.

What are the minimum requirements for a production-ready macOS app design guide?▼

A production-ready macOS app design guide requires defined IA patterns, keyboard navigation, and system integration guidelines. It must also include accessibility best practices and performance considerations for SwiftUI or AppKit implementations.

Does this macOS app design workflow support both SwiftUI and AppKit?▼

Yes, the macOS app design workflow supports both SwiftUI and AppKit. It provides references for applying Liquid Glass, SF Symbols, and accessibility best practices across both frameworks to ensure a genuine Mac experience.

What is the best way to structure keyboard navigation for a macOS app?▼

The best way to structure keyboard navigation is to follow Apple system conventions for macOS-native UI. The workflow defines specific keyboard shortcuts and system integration guidelines to ensure effortless navigation.

When should I consult a macOS-native UI design workflow?▼

You should consult a macOS-native UI design workflow when starting a new macOS app. It ensures the app architecture, visuals, and interactions align with system conventions and feel like a genuine Mac experience.

Related Skills

Explore More Design & Creative Skills→
sjunglingsjungling
13

ios-swift-expert

Provide expert guidance for Swift, SwiftUI, UIKit, and Xcode development.

Community
Basic
kmshdevkmshdev
1

macos-app-design

Designs native macOS apps with AppKit/SwiftUI and Liquid Glass UI patterns.

Community
Advanced
Eric-NessEric-Ness

build-macos-apps

Build native macOS apps in Swift using SwiftUI and AppKit from the CLI.

Community
Advanced
travisjneumantravisjneuman
88

electron-desktop

Develop cross-platform desktop applications with Electron and electron-builder.

Community
Advanced