Detect and apply Apple HIG design rules to React Native/Expo UI components.
npx skills add https://github.com/treesus6/SkateQuest-Mobile --skill hig-treesus6
Please help me install this Agent Skill. Skill: hig Source: https://github.com/treesus6/SkateQuest-Mobile/tree/main/.claude/skills/hig Command: npx skills add https://github.com/treesus6/SkateQuest-Mobile --skill hig-treesus6
Apple HIG Design Intelligence provides guidance and tooling to ensure UI built in React Native / Expo complies with Apple Human Interface Guidelines, improving usability and visual consistency.
Create a sample React Native component that follows Apple HIG guidelines and run the HIG checker to validate compliance.
High-intent search queries and answers about installing and using this skill.
To apply Apple HIG design rules to React Native components, you can use a design intelligence tool to detect and enforce non-negotiables like borderCurve: 'continuous', semantic color tokens, and a 4pt grid. It automatically validates UI components for HIG compliance during development and code reviews.
The best way to implement spring animations in Expo apps is by using proper physics-based transitions that avoid linear timing for a more natural feel. You should also enforce useReducedMotion to ensure accessibility compliance and generate appropriate design tokens from reference motion analysis.
Yes, this HIG checker supports dark mode and semantic color tokens for Expo projects. It enforces dark-mode support via useColorScheme and ensures your UI components use semantic colors, typography, and an 8pt grid that complies with Apple Human Interface Guidelines.
Yes, you can use expo-haptics for key interactions in React Native UI design. The HIG design intelligence enforces expo-haptics on key interactions, alongside other Apple Human Interface Guidelines non-negotiables like borderCurve: 'continuous' and a 4pt grid layout.
To generate design tokens from reference motion for your React Native app, you can analyze the reference motion and enforce HIG-driven design system decisions. This ensures your animation design uses spring-based transitions and proper physics while maintaining visual consistency.
You should use borderCurve: 'continuous' for UI components in React Native because it is a non-negotiable Apple HIG design rule. It ensures smooth corner rendering that matches iOS visual standards, improving usability and visual consistency across your Expo applications.
Yukine5377Convert HTML prototypes into React Native/Expo components with design tokens.
JubaKitiashviliEnforces Apple HIG design rules in React Native/Expo apps via Build, Review, Animate, and Tokens modes.
takapomIntegrate expo-haptics tactile feedback into React Native Expo iPhone UI onPress handlers.
tanujsutariaAudit SwiftUI views for hardcoded colors, spacing, and typography.
