mobile-ios-design skill (wshobson): Apple Human Interface Guidelines and SwiftUI patterns for your agent

Gives your agent Apple's Human Interface Guidelines and SwiftUI patterns so its iOS screens feel native.

Installs: 24.1K; on skills.sh
Stars: 42.1K; on GitHub
Files: 3; besides SKILL.md
Updated: Oct 2026; last repo commit

mobile-ios-design is a guidance skill by Seth Hobson from the wshobson/agents collection. When you design iOS interfaces or write SwiftUI views, your agent follows its advice on stacks and grids, NavigationStack and TabView, SF Symbols, Dynamic Type, semantic colors and accessibility.

SKILL.md carries SwiftUI code samples and best practices. The folder also holds three longer reference files on HIG patterns, navigation and a SwiftUI component library; SKILL.md does not point to them by name. The skill bundles no scripts.

Good for

iOS developers building SwiftUI screens
Designers and founders checking an app against Apple's guidelines
Teams adding Dark Mode, Dynamic Type and VoiceOver support

Install mobile-ios-design

Claude Code

Copy this prompt.

Install the mobile-ios-design skill in Claude Code. Run this command:

npx skills add https://github.com/wshobson/agents --skill mobile-ios-design

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

From its listing on skills.sh. Source.

What's in the skill

When it loads

Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.

Sections in SKILL.md

When to Use This Skill
Core Concepts
1. Human Interface Guidelines Principles
2. SwiftUI Layout System
3. Navigation Patterns
4. System Integration
5. Visual Design
Quick Start Component
Best Practices
Common Issues

Key facts

Author: Seth Hobson (author in the plugin.json of the ui-design plugin)
Part of: The ui-design plugin in the wshobson/agents collection
Installs on skills.sh: 24,110 (data from 2026-11-02)
GitHub stars: 42,081 for the whole wshobson/agents repo (2026-11-02)
License: MIT (plugin.json and crawl data)
Last repo commit: 2026-10-30
What is inside: 4 files including SKILL.md: references/hig-patterns.md, ios-navigation.md and swiftui-components.md, no scripts

What it includes

Clarity, deference and depth across iOS, iPadOS and visionOS
The three core ideas of Apple's guidelines and what changes by platform.
Try: “Review this settings screen against the iOS Human Interface Guidelines.”
Read · HIG principles
VStack and HStack, adaptive and fixed LazyVGrid
Code samples for stacks and grids that fill the available width.
Read · SwiftUI layout system
NavigationStack (iOS 16+), TabView (iOS 18+)
Path-based navigation with NavigationLink and navigationDestination, and the newer Tab API.
Try: “Build a tab bar with Home, Search and Profile in SwiftUI.”
Read · Navigation patterns
SF Symbols and Dynamic Type
Symbol rendering modes, variable symbols, symbol effects and semantic fonts that scale with user settings.
Read · System integration
Semantic colors and system materials
Colors that adapt to light and dark mode and blur materials.
Read · Visual design
Semantic colors, accessibility labels, safe areas, state restoration
Eight rules, including @SceneStorage for state, iPad multitasking and testing on a real device.
Read · Best practices (8)
Layout breaks, lazy lists, Hashable links, dark mode, VoiceOver
Six problems with a short fix each.
Read · Common issues
Three longer guides in the skill folder
HIG patterns (layout, typography, color, toolbars, accessibility), iOS navigation (split view, sheets, deep links, coordinators) and a SwiftUI component library.
Read · references/ folder

From the official docs

Questions

What does the mobile-ios-design skill do?

It gives your agent Apple HIG principles and SwiftUI patterns. The result is iOS screens that use system navigation, symbols, fonts and colors correctly.

How do I install it in Claude Code?

Use the install box at the top of this page. The wshobson/agents README also documents a skills-only route with npx skills add or gh skill install.

Does it cover UIKit or Android?

SKILL.md covers SwiftUI and HIG only. The ui-design plugin it ships in also targets Android and React Native, but this skill does not.

Which iOS versions does it assume?

Its samples mention iOS 16 and later for NavigationStack, iOS 17 for symbol effects and iOS 18 for the Tab API. Check your deployment target before copying code.

Does it need Xcode or an API key?

SKILL.md names no key. You need Xcode to build and test the SwiftUI code it writes.

Is it safe?

It is plain instructions and Swift samples with no scripts. Your agent may edit Swift files in your project when you ask, so review changes in git.

Information

updated Nov 2, 2026

Repository: wshobson/agents
Folder: plugins/ui-design/skills/mobile-ios-design

wshobson/agents skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 1

mobile-ios-design SKILL.md · github.com