Apple Human Interface Guidelines: System Ruleset for Web Application Development

What problem does it solve?

This Skill ensures web applications are built with a user-centric approach, adhering to Apple's Human Interface Guidelines for clarity, deference, and depth, making them accessible and intuitive.

Core Features & Use Cases

• HIG Compliance: Enforces core design philosophies (Clarity, Deference, Depth) in web development.
• Accessibility Standards: Implements semantic HTML, keyboard navigation, dynamic typography, ARIA, and color independence.
• Interaction Design: Guides immediate feedback, generous touch targets, fluid animations, and direct manipulation.
• Error Handling: Promotes forgiving inputs, actionable error messages, and clear exit paths.
• Use Case: A developer can use this Skill to refactor an existing web application's UI components to align with Apple's design principles, improving user experience and accessibility across devices.

Quick Start

Refactor the provided HTML and CSS code to ensure it strictly adheres to Apple's Human Interface Guidelines, focusing on accessibility and intuitive user interaction.