skills.rest
hack-dance
hack-danceOFFICIAL
Explore all skills by this author →
GitHub

macos-app-design

Guide native macOS app design with menu bars, shortcuts, and Liquid Glass.

8|2|Updated Dec 29, 2025
Search Tags:#ui/ux#macos#swiftui#appkit#app design#apple HIG
One-click install
npx skills add https://github.com/hack-dance/hack --skill macos-app-design-hack-dance
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: macos-app-design
Source: https://github.com/hack-dance/hack/tree/main/.agents/skills/macos-app-design
Command: npx skills add https://github.com/hack-dance/hack --skill macos-app-design-hack-dance

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and best practices for designing and developing native macOS applications that feel integrated and performant on the platform.

Core Features & Use Cases

  • Platform Conventions: Adheres to macOS design principles for menu bars, keyboard shortcuts, window management, and accessibility.
  • Design Systems: Integrates guidance on Apple's Liquid Glass design system, SF Symbols, and app icon creation.
  • Use Case: You are tasked with building a new macOS application and need to ensure it follows Apple's HIG, feels like a "good Mac citizen," and leverages modern design patterns for a polished user experience.

Quick Start

Guide me on designing a macOS app's menu bar structure and keyboard shortcuts.

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 menu bar structure and keyboard shortcuts?▼

To design a macOS app menu bar structure and keyboard shortcuts, you must adhere to Apple's Human Interface Guidelines for platform conventions. This ensures your application feels like a native Mac citizen and provides a polished user experience.

What is the Liquid Glass design system for native macOS apps?▼

The Liquid Glass design system is Apple's modern visual framework for native macOS apps. It provides guidelines for UI components, ensuring your application integrates seamlessly with current platform aesthetics and design principles.

How do I create macOS app icons using Icon Composer?▼

You create native macOS app icons using Icon Composer by following specific design principles that align with Apple's HIG. This Skill provides comprehensive guidance on leveraging this tool for polished visual asset creation.

Does this macOS app design guide cover accessibility and window management?▼

Yes, this macOS app design guide covers both accessibility and window management. It provides detailed best practices for adhering to platform conventions, ensuring your native application is usable and performs well.

Can I use SwiftUI and AppKit to build native macOS applications with this guidance?▼

Yes, you can use SwiftUI and AppKit to build native macOS applications. This guidance emphasizes modern design patterns and platform conventions to help you create integrated applications using these frameworks.

Related Skills

Explore More Design & Creative Skills→
kyldvskyldvs

build-macos-apps

Build native macOS apps in Swift using SwiftUI and AppKit via CLI workflows.

Community
Advanced
LaughingJackalopeLaughingJackalope
1

swiftui-appkit-interop

Integrates AppKit and SwiftUI frameworks in macOS applications via standardized interoperability patterns.

Community
Advanced
cloudofgeorgecloudofgeorge

macos-app-design

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

Community
Advanced
melikhanmutlumelikhanmutlu

mobile-design

Design mobile UI/UX patterns for iOS and Android apps.

Community
Advanced