SkillAgentSearch skills...

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

Install / Use

npx skills add nexu-io/open-design --skill mobile-onboarding

Installs into whichever agent you are using.

About this skill
📄

SKILL.md

Installable skill definition

Quality Score

90/100

Category

Design

Supported Platforms

Universal

Our assessment of mobile-onboarding

mobile-onboarding scores 90/100 on our quality scale, 29th of 133 Design skills we index (top 22%).

Its SKILL.md is 1.5 KB long, split into 3 sections with 1 code example: moderately detailed.

With 97,896 GitHub stars, it is one of the more widely adopted skills in the catalogue.

Substance
20/30
Structure
12/20
Description
15/15
Adoption
20/20
Freshness
15/15

Maintenance, license and trust

  • The repository was last updated today, so mobile-onboarding is actively maintained.
  • It is released under the Apache-2.0 license, a permissive license that allows use, modification and commercial use with attribution.
  • Its trust signals score 100/100, with no cautions. These come from repository metadata, not a code audit — read the skill file before letting an agent act on it.

mobile-onboarding compared with similar skills

All 4 of these similar skills score higher than mobile-onboarding; compare them before choosing.

SkillScoreStarsUpdatedFormat
mobile-onboarding (this skill)by nexu-io9097.9ktodaySKILL.md
algorithmic-artby anthropics100177.9k2d agoSKILL.md
pptxby anthropics100177.9k2d agoSKILL.md
designby nextlevelbuilder100130.2k3d agoSKILL.md
ui-ux-pro-maxby nextlevelbuilder100130.2k3d agoSKILL.md

Frequently asked questions

How do I install mobile-onboarding?
Run npx skills add nexu-io/open-design --skill mobile-onboarding. The install tabs above show the steps for each supported agent.
Which AI agents does mobile-onboarding work with?
It is written for Universal, as a SKILL.md file. Other agents that read the same format can often use it too.
Is mobile-onboarding safe to use?
It is Apache-2.0-licensed and scores 100/100 on trust signals. Skills are instructions an agent will follow, so read the file before installing it and do not approve commands you do not understand.
Is mobile-onboarding still maintained?
The repository was last updated today, so mobile-onboarding is actively maintained.

name: mobile-onboarding description: | 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 "移动端引导". triggers:

  • "mobile onboarding"
  • "ios onboarding"
  • "android onboarding"
  • "phone signup"
  • "app onboarding"
  • "移动端引导" od: mode: prototype platform: mobile scenario: design preview: type: html entry: index.html design_system: requires: true sections: [color, typography, layout, components] craft: requires: [state-coverage, animation-discipline, accessibility-baseline, form-validation, laws-of-ux] example_prompt: "Design a 3-screen mobile onboarding flow for a meditation app — welcome, value props, sign-in."

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

<artifact identifier="mobile-onboarding-name" type="text/html" title="Mobile Onboarding">
<!doctype html>...</artifact>

Related Skills

View on GitHub
GitHub Stars97.9k
CategoryDesign
Updated15h ago
Forks11.4k

Languages

TypeScript

Trust signals

100/100

From repository metadata: license, adoption, age and documentation. Not a code audit — see the Safety scan above for what the skill file itself contains.

No cautions