How does it handle accessibility?

It enforces 44px minimum touch targets, logical keyboard navigation, and APCA contrast levels, which provide better perceptual accuracy than standard WCAG AA.

What is the difference between this and hig-mobile-pass?

This skill is the full-featured successor to hig-mobile-pass, expanding coverage to include iPad and Desktop platforms alongside comprehensive web standard audits.

What tools are used for PWA assets?

The skill utilizes pwa-asset-generator to automatically create compliant icons and splash screens from your existing logo file.

Does this skill support non-Apple design systems?

While it is optimized for Apple's Human Interface Guidelines, it includes a robust Web Standards layer and CSS token audit phase applicable to any modern frontend project.

Apple HIG & Web Standards Audit

Name: Apple HIG & Web Standards Audit
Author: Aventerica89

byAventerica89

0•

デザインツール

Audits and implements Apple Human Interface Guidelines and modern web standards for cross-platform Next.js applications.

This skill provides a comprehensive, phased workflow to ensure your Next.js Progressive Web Apps (PWAs) meet Apple’s Human Interface Guidelines (HIG) across Mobile, iPad, and Desktop platforms. It automates CSS token audits to eliminate magic numbers, validates touch targets, manages PWA asset generation, and enforces high-performance web standards including APCA contrast compliance. By aligning project-specific context with official Apple documentation, it transforms generic web interfaces into polished, platform-native experiences with consistent styling and accessible interactions.

主な機能

01Multi-platform compliance check for Mobile, iPad, and Desktop environments

02Strict enforcement of APCA contrast and Vercel Web Interface Guidelines (WIG)

030 GitHub stars

04Automated CSS token audit to ensure design system consistency and eliminate hardcoding

05Context-aware documentation fetching from official Apple HIG resources

06Integrated PWA asset generation for icons and platform-specific splash screens

ユースケース

01Auditing an existing frontend for accessibility, performance, and token compliance

02Polishing a Next.js PWA to achieve a professional iOS and macOS native feel

03Standardizing cross-platform layout patterns like sidebars, tab bars, and safe areas

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add aventerica89/claude-codex hig-ui-pass

For use in Claude.ai and ChatGPT

主な機能

01Multi-platform compliance check for Mobile, iPad, and Desktop environments

02Strict enforcement of APCA contrast and Vercel Web Interface Guidelines (WIG)

030 GitHub stars

04Automated CSS token audit to ensure design system consistency and eliminate hardcoding

05Context-aware documentation fetching from official Apple HIG resources

06Integrated PWA asset generation for icons and platform-specific splash screens

ユースケース

01Auditing an existing frontend for accessibility, performance, and token compliance

02Polishing a Next.js PWA to achieve a professional iOS and macOS native feel

03Standardizing cross-platform layout patterns like sidebars, tab bars, and safe areas