Skill UI

A comprehensive guide to Apple's Human Interface Guidelines (HIG) for selecting and implementing content display components. This resource covers best practices for building UIs across various Apple platforms (iOS, macOS, watchOS, tvOS, visionOS), focusing on adaptability, accessibility, visual hierarchy, and optimal performance for charts, collections, image views, and web content.

This guide details Apple's Human Interface Guidelines (HIG) for various presentation components, including alerts, sheets, popovers, and action sheets. It provides best practices on when and how to use these elements to maintain user context, minimize interruptions, and ensure a cohesive design experience across platforms like iOS, macOS, and iPadOS.

This guide provides comprehensive principles and best practices for designing user interface components according to Apple's Human Interface Guidelines (HIG). It covers various components, including menu bars, context menus, toolbars, pop-up buttons, and pull-down controls. It emphasizes creating predictable, consistent, and platform-appropriate user experiences across macOS, iOS, and other Apple platforms, ensuring optimal user flow and discoverability.

This skill provides comprehensive guidance based on Apple's Human Interface Guidelines (HIG) for designing core navigation components. It details best practices for Search Fields (instant feedback, scoping), Page Controls (flat, linear sequences), and Path Controls (file hierarchy breadcrumbs). It helps developers ensure their application's UI/UX is consistent, intuitive, and platform-appropriate across iOS, macOS, and visionOS.

A comprehensive guide to the Apple Human Interface Guidelines (HIG), detailing best practices for designing seamless and intuitive user experiences across various interaction scenarios. It covers key principles such as minimizing modality, providing clear feedback, handling data entry, progressive onboarding, and managing complex features like sharing and drag-and-drop, ensuring your application feels native and polished.

Provides Apple Human Interface Guidelines distilled per platform, offering platform-specific interaction principles, reference links, and decision steps for designing and adapting apps across iOS, iPadOS, macOS, tvOS, visionOS, watchOS, and Games.

This comprehensive guide provides a blueprint for building high-converting, interactive professional portfolios. It covers everything from portfolio architecture (single-page vs. multi-page) and effective project showcase design to optimizing developer-specific content. Learn how to make your first impression count in the critical 30 seconds, transforming a simple collection of work into a powerful career narrative.

Automates mermaid flowchart generator guidance, producing code, configuration, and validation for visual content scenarios such as diagrams, charts, and presentations with best-practice recommendations.

Automates svg icon generation guidance with best practices, production-ready snippets, and validation for visual content scenarios like diagrams, charts, and presentations.

Guides the creation and evaluation of native iOS interfaces by applying Apple’s Human Interface Guidelines, covering layouts, typography, Dark Mode, accessibility, and platform conventions for SwiftUI/UIKit apps.