ios-design-consultant

Advise iOS app UX layouts using Liquid Glass principles and iOS 26+ HIG rules.

Updated May 6, 2026
One-click install
npx skills add https://github.com/Roy-wonji/claude-config --skill ios-design-consultant-roy-wonji
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ios-design-consultant
Source: https://github.com/Roy-wonji/claude-config/tree/main/skills/apple-skills/skills/ios-design-consultant
Command: npx skills add https://github.com/Roy-wonji/claude-config --skill ios-design-consultant-roy-wonji

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It helps you choose layout, spacing, and visual hierarchy that feel native and “Apple-approved” in the iOS 26+ Liquid Glass design era, before you commit to implementation.

Core Features & Use Cases

  • Liquid Glass positioning advice: Recommend where controls versus content should go (e.g., toolbars, tab bars, sheets, and glass usage rules).
  • Visual hierarchy & layout rationale: Explain what makes an element primary/secondary and how placement improves scanning and usability.
  • Award-worthy design checks: Evaluate whether your design choices support Apple Design Award criteria such as interaction, polish, and inclusivity—without writing code.
  • Anti-pattern detection: Flag common mistakes like applying glass to content, overusing color in glass, or placing primary actions in awkward thumb-reach positions.

Quick Start

Ask for guidance by saying: "Where should I place this button and should it use Liquid Glass for iOS 26+, and how would I make this feel more premium and Apple-approved?"

Frequently Asked Questions about ios-design-consultant

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

FAQPage Schema
How do I design layouts using the iOS 26 Liquid Glass design system?

The Liquid Glass design system separates controls from content by placing toolbars and tab bars on glass surfaces, while keeping content distinct to maintain visual hierarchy and native iOS 26+ usability.

What are common anti-patterns when applying Liquid Glass to iOS UI components?

Common Liquid Glass anti-patterns include applying glass directly to content areas, overusing color within glass elements, and placing primary actions in awkward thumb-reach positions on tab bars and sheets.

What is the best way to establish visual hierarchy in iOS 26+ apps?

Establishing visual hierarchy in iOS 26+ apps involves differentiating primary and secondary elements through strategic placement and spacing, which improves scanning and usability without needing implementation code.

Can I get Apple Design Award evaluation feedback for my iOS UX design?

You can receive Apple Design Award evaluation feedback by checking if your layout, spacing, and interaction choices support criteria like interaction, polish, and inclusivity based on iOS 26+ HIG principles.

Where should I place buttons and toolbars in an iOS 26+ premium interaction flow?

For premium interaction flows, place primary buttons and toolbars using Liquid Glass positioning rules to ensure accessible thumb-reach and clear visual hierarchy, avoiding awkward placements flagged by HIG guidelines.