hig-ooui-mobile-design

Design mobile apps with HIG-aligned OOUI modeling and produce design documents.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/RyoyaYahagi/skills --skill hig-ooui-mobile-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: hig-ooui-mobile-design
Source: https://github.com/RyoyaYahagi/skills/tree/main/hig-ooui-mobile-design
Command: npx skills add https://github.com/RyoyaYahagi/skills --skill hig-ooui-mobile-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Design mobile apps with OOUI modeling under HIG constraints, bridging conceptual models and concrete UI deliverables.

Core Features & Use Cases

  • OOUI modeling with HIG alignment: Define primary objects, attributes, actions, states, and relationships to form a coherent design vocabulary.
  • Flow, IA, and navigation derivation: Convert objects into primary and secondary task flows and organize entry points and navigation patterns per platform.
  • Deliverables and cross-platform guidance: Produce a design document, Figma wireframe instructions, SwiftUI component notes, and Android deltas when requested.

Quick Start

Provide target platforms, user types, and the primary job to design an OOUI model and screen plan that follows HIG guidelines.

Frequently Asked Questions about hig-ooui-mobile-design

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

FAQPage Schema
How do I design mobile apps with OOUI modeling under HIG constraints?

To design mobile apps with OOUI modeling under HIG constraints, define primary objects, attributes, and actions, then translate them into task flows, navigation structures, and wireframes that conform to platform HIG checklists.

What is OOUI modeling for mobile design and when do I need it?

OOUI modeling for mobile design maps conceptual objects, attributes, and states into a coherent UI vocabulary. You need it when translating conceptual models into concrete UI deliverables like wireframes and component guidance.

How do I translate an object model into task flows and navigation structures for iOS?

To translate an object model into task flows for iOS, convert defined objects into primary and secondary task flows, then organize entry points and navigation patterns per platform HIG guidelines to produce screen plans.

Can I generate Android design deltas and SwiftUI component notes from an OOUI model?

Yes, you can generate Android design deltas and SwiftUI component notes from an OOUI model. The design process produces cross-platform guidance including platform-specific deltas and component notes when requested.

How do I create Figma wireframe instructions from a conceptual object model?

To create Figma wireframe instructions from a conceptual object model, define primary objects and their relationships, derive task flows, and output wireframe instructions aligned with OOUI templates and visual aesthetics guidelines.

Does this approach support watchOS and iPadOS navigation design?

Yes, this approach supports watchOS and iPadOS navigation design. It applies OOUI modeling across iOS, iPadOS, and watchOS projects to organize entry points and navigation patterns per platform HIG guidelines.