skills.rest
f0d010c
f0d010cCOMMUNITY
Explore all skills by this author →
GitHub

apple-design

Guide Apple platform app development with Human Interface Guidelines standards.

23|1|Updated May 5, 2026
Search Tags:#iOS#macOS#ui design#apple#liquid glass#human interface guidelines#vibrancy
One-click install
npx skills add https://github.com/f0d010c/stark --skill apple-design-f0d010c
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: apple-design
Source: https://github.com/f0d010c/stark/tree/main/skills/apple-design
Command: npx skills add https://github.com/f0d010c/stark --skill apple-design-f0d010c

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps developers and designers build Apple platform applications that conform to human interface standards, ensuring high-quality, consistent user experiences.

Core Features & Use Cases

  • Design Guidance: Provides instructions for implementing Liquid Glass effects, layout grids, safe areas, and accessibility features tailored to iOS, iPadOS, macOS, watchOS, and visionOS.
  • Platform-specific Patterns: Advises on UI components like NavigationSplitView, inspector panes, vibrancy materials, and menu-bar extras for macOS.
  • Compliance & Consistency: Ensures adherence to Human Interface Guidelines, including iconography, typography, and motion standards, for native app excellence.
  • Use Case: A developer wants to customize a Mac app interface to incorporate vibrancy and split views while maintaining accessibility and system consistency.

Quick Start

Review Apple design principles and follow the recommended layout, components, and visual effects while incorporating Liquid Glass and system materials as guided.

Frequently Asked Questions about apple-design

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

FAQPage Schema
How do I implement Liquid Glass effects and vibrancy materials in my iOS app?▼

To implement Liquid Glass and vibrancy materials in iOS apps, follow system-specific design guidance for layout grids and visual effects, ensuring the UI adheres to native Apple platform patterns and accessibility standards.

Does the Human Interface Guidelines guidance cover macOS menu-bar extras and NavigationSplitView?▼

Yes, Human Interface Guidelines guidance covers macOS-specific patterns including menu-bar extras, NavigationSplitView, and inspector panes, ensuring your macOS app maintains native system consistency and high-fidelity user experiences.

What is the best way to ensure my Apple platform app adheres to native design patterns?▼

The best way to ensure native design pattern adherence is to apply Apple Human Interface Guidelines for iconography, typography, and motion, maintaining consistency and accessibility across iOS, iPadOS, macOS, watchOS, and visionOS.

How do I customize a Mac app interface with split views while maintaining accessibility?▼

Customize a Mac app interface with split views by utilizing NavigationSplitView and inspector panes while applying accessibility features and vibrancy materials, ensuring the interface aligns with macOS Human Interface Guidelines.

Can I use this design guidance for all Apple platforms including visionOS?▼

Yes, you can use this design guidance across all Apple platforms including visionOS, as it provides platform-specific patterns and instructions for layout, safe areas, and UI components to ensure consistent native experiences.

Why does my Apple app UI feel inconsistent with the native system materials?▼

Your Apple app UI feels inconsistent if it lacks proper vibrancy materials and Liquid Glass effects, which are essential for adhering to Human Interface Guidelines and achieving high-fidelity native system experiences.

Related Skills

Explore More Design & Creative Skills→
onmyway133onmyway133
2

swift

Guide Swift and iOS development with Swift 6+ concurrency and SwiftUI.

Community
Advanced
rshankrasrshankras
603

screenshot-automation

Generate App Store screenshots via UI tests with device framing and localized captions.

Community
Advanced
LaughingJackalopeLaughingJackalope
1

swiftui-macos-liquid-glass

Implement macOS 26 Liquid Glass design in SwiftUI apps.

Community
Intermediate
HsnSaboorHsnSaboor

mobile-development

Guide cross-platform and native mobile app development with React Native, Flutter, Swift, and Kotlin.

Community
Advanced