macos-design-guidelines

Apply Apple Human Interface Guidelines to macOS app UI/UX reviews.

10|1|Updated Dec 16, 2024

Search Tags:#accessibility #macos #swiftui #appkit #ui-patterns #design-guidelines #human-interface-guidelines

Ready to run

npx skills add https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark --skill macos-design-guidelines-wanghaisheng

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: macos-design-guidelines
Source: https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark/tree/main/ref/platform-design-skills-main/platform-design-skills-main/skills/macos
Command: npx skills add https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark --skill macos-design-guidelines-wanghaisheng

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apple Human Interface Guidelines for macOS provide a comprehensive standard to design consistent, native Mac apps, ensuring power-user expectations and platform conformity.

Core Features & Use Cases

Nine sections covering Menu Bar, Windows, Toolbars, Sidebars, Keyboard, Pointer and Mouse, Notifications and Alerts, System Integration, and Visual Design.
Practical SwiftUI and AppKit examples to guide implementation and review.
Use cases include UI reviews, porting iOS apps to macOS via Catalyst, and building desktop apps that respect Mac UX conventions.

Quick Start

Review the macOS HIG to begin applying platform-consistent UI patterns in your macOS apps.

Frequently Asked Questions about macos-design-guidelines

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

FAQPage Schema

How do I design macOS apps that feel native using Human Interface Guidelines?▼

To design native macOS apps, apply the Apple Human Interface Guidelines covering Menu Bar, Windows, Toolbars, and Sidebars. This ensures your desktop app meets platform expectations and power-user UX conventions across 9 sections and 40+ rules.

What's the best way to port an iOS app to macOS while respecting Mac UX conventions?▼

Porting iOS apps to macOS requires applying HIG rules for Windows, Toolbars, and Keyboard interactions. Use the provided SwiftUI and AppKit examples to guide implementation and ensure your Catalyst port respects native desktop UX conventions.

Does this macOS design guideline cover both SwiftUI and AppKit implementation examples?▼

Yes, the macOS design guidelines include practical SwiftUI and AppKit examples. These examples guide developers through implementing platform-consistent UI patterns and reviewing desktop app designs against native Mac standards.

How do I audit a Mac app's UI for system integration and accessibility compliance?▼

Audit Mac app UI by checking it against 40+ rules across nine sections including System Integration, Keyboard, and Accessibility. This review process verifies your app conforms to native macOS HIG standards for pointer, mouse, and notification interactions.

When do I need to use a sidebar versus a toolbar in a native Mac app?▼

Use sidebars and toolbars based on macOS HIG patterns for Windows and Navigation. The guidelines define specific rules for implementing these UI components to ensure your app's interface remains consistent with native desktop power-user expectations.

macos-design-guidelines: what specific UI patterns does it define for desktop apps?▼

The macos-design-guidelines define UI patterns for Menu Bar, Windows, Toolbars, Sidebars, Keyboard, Pointer, Mouse, Notifications, Alerts, and Visual Design. It provides 40+ actionable rules to ensure native macOS app consistency.