mobile-design

Consolidate Apple HIG, Material Design 3, and WCAG 2.2 rules for cross-platform UI decisions.

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/angrybeagles/weather-dashboard --skill mobile-design-angrybeagles
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/angrybeagles/weather-dashboard/tree/main/.claude/skills/mobile-design
Command: npx skills add https://github.com/angrybeagles/weather-dashboard --skill mobile-design-angrybeagles

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Platform design guidelines unify core UX rules across major platforms (Apple HIG, Material Design 3, WCAG) to help teams build consistent, accessible, and high-quality interfaces for mobile, web, and desktop.

Core Features & Use Cases

  • Centralized platform design rules derived from Apple HIG, Material Design 3, and WCAG 2.2 to guide cross-platform UI decisions.
  • Platform-specific patterns for navigation, typography, color, accessibility, and system integration across iOS, Android, macOS, watchOS, tvOS, visionOS, and web.
  • Use cases include design reviews, UI audits, code-generation guardrails, and refactoring support to ensure compliance and consistency.

Quick Start

Review the mobile-design guidelines to ensure cross-platform consistency across iOS, Android, and Web.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I consolidate cross-platform UI design guidelines for iOS, Android, and web?

Consolidate cross-platform UI design guidelines by encoding Apple HIG, Material Design 3, and WCAG 2.2 into actionable rules covering navigation, typography, color, and system integration for mobile and web platforms.

What design rules should I check during a UX audit for mobile apps?

During a UX audit for mobile apps, check platform-specific design rules covering navigation, typography, color, accessibility, and system integration derived from Apple HIG, Material Design 3, and WCAG 2.2 to ensure compliance and consistency.

Does this cover platform design guidelines for watchOS, tvOS, and visionOS?

Yes, it covers platform design guidelines for watchOS, tvOS, and visionOS alongside iOS, Android, macOS, and web, consolidating Apple HIG, Material Design 3, and WCAG 2.2 rules for cross-platform UI decisions.

Can I use WCAG 2.2 accessibility rules as code-generation guardrails?

Yes, you can use WCAG 2.2 accessibility rules as code-generation guardrails by applying the consolidated platform design guidelines during design reviews, UI audits, and refactoring to ensure accessibility compliance across mobile and web.

What is the best way to unify Apple HIG and Material Design 3 patterns?

The best way to unify Apple HIG and Material Design 3 patterns is to consolidate their core UX rules into a centralized framework, guiding cross-platform UI decisions for navigation, typography, color, and system integration across mobile and web.

Why do I need centralized platform design guidelines for cross-platform consistency?

You need centralized platform design guidelines for cross-platform consistency because unifying core UX rules across Apple HIG, Material Design 3, and WCAG helps teams build consistent, accessible, and high-quality interfaces for mobile, web, and desktop.