skills.rest
JubaKitiashvili
JubaKitiashviliCOMMUNITY
Explore all skills by this author →
Website𝕏@jubakitiashviliGitHub

hig

Enforces Apple HIG design rules in React Native/Expo apps via Build, Review, Animate, and Tokens modes.

41|4|Updated Mar 10, 2026
Search Tags:#design#animations#react-native#ui-design#design-tokens#apple-hig
One-click install
npx skills add https://github.com/JubaKitiashvili/everything-react-native-expo --skill hig-jubakitiashvili
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hig
Source: https://github.com/JubaKitiashvili/everything-react-native-expo/tree/main/skills/hig
Command: npx skills add https://github.com/JubaKitiashvili/everything-react-native-expo --skill hig-jubakitiashvili

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apple HIG Design Intelligence helps teams ensure React Native/Expo UI components adhere to Apple Human Interface Guidelines, speeding up reviews and improving motion, typography, and accessibility compliance.

Core Features & Use Cases

  • HIG rules enforcement across Build, Review, Animate, and Tokens modes
  • Design token generation and semantic color application
  • Interactive review and animation guidance aligned with Apple HIG standards

Quick Start

Install the plugin and run an initial HIG design pass on your React Native project to align UI with Apple guidelines.

Frequently Asked Questions about hig

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

FAQPage Schema
How do I apply Apple HIG design guidelines to React Native components?▼

To apply Apple HIG design guidelines to React Native, use a Skill that enforces typography, colors, spacing, and accessibility rules across components using semantic color tokens and a 4pt grid.

What's the best way to enforce 44pt touch targets and dark mode in Expo apps?▼

Enforce 44pt touch targets and dark mode in Expo apps by applying Apple HIG rules that utilize the useColorScheme hook for semantic colors, ensuring interface compliance across light and dark modes.

How do I add HIG-compliant spring animations with reduced motion support?▼

Add HIG-compliant spring animations by implementing withSpring motion patterns alongside the useReducedMotion hook, ensuring accessible interactions and integrating expo-haptics for tactile feedback.

Can I generate design tokens for React Native UI that follow Apple HIG standards?▼

Yes, you can generate React Native UI design tokens following Apple HIG standards by operating in Tokens mode to produce semantic color tokens and enforce a consistent 4pt spacing grid.

Why does my React Native UI not meet Apple HIG accessibility requirements?▼

Your React Native UI may not meet Apple HIG accessibility requirements if it lacks semantic color tokens, fails to implement useReducedMotion with animations, or misses 44pt minimum touch targets.

Does the hig Skill work without external dependencies in a React Native project?▼

Yes, the Skill operates without external dependencies to analyze React Native projects, enforcing HIG rules like borderCurve continuous and spring-based motion patterns directly within your Expo environment.

Related Skills

Explore More Design & Creative Skills→
treesus6treesus6
1

hig

Detect and apply Apple HIG design rules to React Native/Expo UI components.

Community
Advanced
DVNghiemDVNghiem
20

design-tokens

Standardize color, typography, spacing, and border tokens across platforms.

Community
Intermediate
Malachi436Malachi436

frontend-app-design

Design React Native Expo interfaces with a bold liquid glass aesthetic.

Community
Advanced
shelbeelyshelbeely
4

material-design-3-layout

Implement Material Design 3 layout with CSS variables for spacing, breakpoints, and elevation.

Community
Intermediate