macos-hig-designer

Guide macOS interface design with Apple HIG and Liquid Glass patterns.

1|Updated Feb 1, 2026

Search Tags:#macOS #SwiftUI #UI patterns #AppKit #HIG #Liquid Glass

Ready to run

npx skills add https://github.com/designnotdrum/skills --skill macos-hig-designer

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: macos-hig-designer
Source: https://github.com/designnotdrum/skills/tree/main/macos-hig-designer
Command: npx skills add https://github.com/designnotdrum/skills --skill macos-hig-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill guides designers and developers in creating macOS interfaces that conform to Apple's Human Interface Guidelines while applying the Liquid Glass design system.

Core Features & Use Cases

Guided Design Principles: Hierarchy, harmony, and consistency applied to macOS UI elements.
Pattern Library & Patterns: Navigation patterns, window management, toolbars, typography, and controls with macOS-specific guidance.
Practical Examples: Code snippets and UI patterns for SwiftUI and AppKit to implement macOS-specific patterns in real apps.

Quick Start

Open the skill and start by applying HIG and Liquid Glass principles to a sample macOS screen, then implement a small SwiftUI window following the provided patterns.

Frequently Asked Questions about macos-hig-designer

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

FAQPage Schema

How do I design macOS apps that conform to Apple's Human Interface Guidelines?▼

To design macOS apps conforming to Apple's HIG, apply hierarchy, harmony, and consistency principles to windows, navigation, typography, and controls using macOS-specific patterns. This skill provides design guidance, code examples, and pattern references for immediate implementation.

Can I use the Liquid Glass design system with both SwiftUI and AppKit?▼

Yes, the Liquid Glass design system is applicable to both SwiftUI and AppKit projects. The skill provides practical code snippets and UI patterns for implementing macOS-specific controls and window management across both frameworks.

What's the best way to apply macOS navigation patterns and window management in my app?▼

The best way to apply macOS navigation and window management patterns is to use the provided pattern library, which covers toolbars, navigation, and controls with macOS-specific guidance and practical examples for real apps.

Does this skill provide code examples for implementing macOS UI controls?▼

Yes, this skill provides practical code snippets and UI patterns for implementing macOS UI controls. These examples support immediate implementation and validation in both SwiftUI and AppKit projects.

How do I start building a SwiftUI window with macOS HIG and Liquid Glass principles?▼

To start building a SwiftUI window with macOS HIG and Liquid Glass principles, open the skill and apply the guided design principles to a sample macOS screen, then implement a small window using the provided patterns.