Agent skill · design visual · nexu-io
mobile-onboarding
A multi-screen mobile onboarding flow rendered as three phone frames side by side — splash, value-prop, sign-in. Status bar, swipe dots, primary CTA. Use when the brief mentions "mobile onboarding", "iOS onboarding", "phone signup", or "移动端引导".
Why this skill is useful
Provides a specific design pattern for mobile onboarding flows that includes layout and accessibility considerations not commonly found in generic resources.
What it needs
About 1k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
Mobile Onboarding Skill Produce a three-screen mobile onboarding flow on a single HTML page. Workflow 1. Read DESIGN.md. 2. Identify the app + audience. 3. Layout: three phone frames side by side. Each phone: Status bar (time, battery, signal). Hero artwork or icon. Headline + supporting paragraph. 3-dot pagination. Primary CTA (full-width pill button). "Skip" or alt action top-right. 4. Last phone is the sign-in / continue-with options screen. 5. Strong typography, gentle gradients, accessible contrast. Output contract
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/mobile-onboarding--80ae53