skills.rest
tobiawolaju
tobiawolajuCOMMUNITY
Explore all skills by this author →
GitHub

apple-ui-designer

Redesign mobile app UI with SF Pro typography and iOS-native components.

2|1|Updated Jan 25, 2026
Search Tags:#ios#apple#ui-design#human-interface-guidelines#native-design#sf-pro
One-click install
npx skills add https://github.com/tobiawolaju/if-then --skill apple-ui-designer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: apple-ui-designer
Source: https://github.com/tobiawolaju/if-then/tree/main
Command: npx skills add https://github.com/tobiawolaju/if-then --skill apple-ui-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

Apple UI Designer helps teams craft iOS-native mobile interfaces that feel unmistakably Apple-like, aligning with Apple's Human Interface Guidelines.

Core Features & Use Cases

  • System-first typography and components that emulate SF Pro and translucency without sacrificing accessibility.
  • Layout patterns that respect safe areas, large touch targets, and vertical scroll with clear hierarchy.
  • Use cases include redesigning existing mobile apps to achieve an Apple-like experience or creating new iOS apps that feel native.

Quick Start

Apply SF Pro typography, system-like components, and translucency to a sample screen to evaluate Apple-native feel.

Frequently Asked Questions about apple-ui-designer

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

FAQPage Schema
How do I redesign a mobile app UI to feel native on iOS?▼

To redesign mobile app UI for an Apple-native feel, apply SF Pro typography, system-like components, and translucency. This process follows Apple's Human Interface Guidelines, ensuring layouts respect safe areas and maintain clear visual hierarchy.

What is the best way to apply Apple Human Interface Guidelines to mobile screens?▼

Applying Apple Human Interface Guidelines involves using safe-area aware layouts, large touch targets, and calm transitions. This ensures mobile screens feel consistent with an Apple-first design by minimizing borders and emulating native iOS components.

Can I use SF Pro typography and translucency when creating a new iOS app?▼

Yes, you can use SF Pro typography and translucency when creating new iOS apps. Emulating these native system elements helps craft an unmistakably Apple-like experience without sacrificing accessibility or clear visual hierarchy.

Does native iOS design require safe-area aware layouts and minimal borders?▼

Native iOS design does require safe-area aware layouts and minimal borders. Following these iOS Human Interface Guidelines ensures vertical scroll clarity, large touch targets, and a cohesive Apple-style experience across all app screens.

Why does my mobile UI not feel like an Apple-native interface?▼

Your mobile UI may not feel Apple-native if it lacks SF Pro typography, translucency, and system-like components. Redesigning with safe-area aware layouts and calm transitions resolves this by aligning with Apple's Human Interface Guidelines.

Related Skills

Explore More Design & Creative Skills→
davekim917davekim917
1

jony-ive

Audit visual design across app screens for hierarchy, typography, color, spacing, and motion.

Community
Advanced
mosif16mosif16
18

ios-ux-design

Evaluate iOS app interfaces against Apple Human Interface Guidelines and generate implementation specifications.

Community
Advanced
sachio222sachio222

ios-hig-design

Apply Apple's Human Interface Guidelines to iOS UI design reviews.

Community
Advanced
melikhanmutlumelikhanmutlu

mobile-design

Design mobile UI/UX patterns for iOS and Android apps.

Community
Advanced