ios-ux-prototype
Installation
SKILL.md
iOS UX Prototype
Create interactive HTML prototypes showing mobile app user journeys with realistic iPhone mockups.
Quick Start
- Copy CSS from
assets/ios-design-system.cssinto a new HTML file - Paste the sprite from
assets/sf-symbols.svgonce near the top of<body> - Structure: page header → journey rows → phone frames with content
- Add flow arrows between screens and annotations for callouts
iOS 26 Design (default)
Target the current iOS 26 design language — Liquid Glass surfaces and SF Symbols. Apply these by default unless the user asks for an older look: