The Mobile Onboarding skill provides a straightforward method for generating a three-screen onboarding flow tailored for mobile applications. This skill is particularly useful for designers and developers who need to create engaging user experiences from the outset. The onboarding flow consists of a splash screen, a value proposition screen, and a sign-in screen, all rendered within three phone frames side by side, allowing for a clear visual representation of the user journey.

To utilize this skill, users begin by reviewing the accompanying DESIGN.md file to understand the app and its target audience. The layout includes essential elements such as a status bar displaying time, battery, and signal strength, along with hero artwork or icons to enhance visual appeal. Each screen features a headline, a supporting paragraph, three-dot pagination for navigation, and a primary call-to-action (CTA) button. The last screen is dedicated to sign-in or alternative options, ensuring users can easily proceed after onboarding.

This skill emphasizes strong typography, gentle gradients, and accessible contrast to ensure that the onboarding experience is not only visually appealing but also user-friendly. It is ideal for projects where the brief specifically mentions mobile onboarding, iOS onboarding, or phone signup, making it a valuable asset for teams focused on enhancing user engagement right from the start.