skills.rest
wanghaisheng
wanghaishengCOMMUNITY
Explore all skills by this author →
Website𝕏@edwin_uestcGitHub

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
One-click install
npx skills add https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark --skill macos-design-guidelines-wanghaisheng
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
AlexW00AlexW00
4

ui-review-tahoe

Review macOS Tahoe app UI/UX for Liquid Glass design and HIG compliance.

Community
Advanced
angrybeaglesangrybeagles

mobile-design

Consolidate Apple HIG, Material Design 3, and WCAG 2.2 rules for cross-platform UI decisions.

Community
Advanced
bocanbocan
27

ui-review-tahoe

Audit macOS SwiftUI and AppKit interfaces against Apple's Human Interface Guidelines and Liquid Glass design system.

Community
Advanced
f0d010cf0d010c
23

apple-design

Guide Apple platform app development with Human Interface Guidelines standards.

Community
Advanced