Skills
.Work. You
Rest

mobile-onboarding

Community

Three-screen mobile onboarding on a single page.

Design & Creative#html#onboarding#mobile#prototype#ui-design#design-system
Authorjunainfinity
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables rapid prototyping of a three-screen mobile onboarding flow on a single HTML page, saving time when exploring tone, layout, and interaction patterns for mobile apps.

Core Features & Use Cases

  • Three-screen layout: Splash, value prop, and sign-in screens rendered on one page with consistent typography and design language.
  • UI details: Status bar, pager dots, hero artwork, CTA, and skip/help actions to mirror real onboarding experiences.
  • Use Case: Designers and developers can validate composition and pacing of onboarding copy before building a full app.

Quick Start

Open example.html to preview the three-screen mobile onboarding prototype.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: mobile-onboarding
Download link: https://github.com/junainfinity/osmDesign/archive/main.zip#mobile-onboarding

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.