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

81/100

Category

Design

Supported Platforms

Universal

Our assessment of mobile-onboarding

mobile-onboarding scores 81/100 on our quality scale, 221st of 274 Design skills we index.

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 about 2 months ago, so mobile-onboarding is actively maintained.
  • Our last check on 2026-11-08 found the source still online.
  • 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.

Safety scan

No issues found

Our scan of the whole file found no instruction hijacking, hidden characters, credential access, data exfiltration or destructive commands. An AI review of the same text found nothing harmful.

AI review by kimi-k2.7-code on 2026-09-25. Automated pattern scan on 2026-09-25. It catches known dangerous patterns, not every risk — read a skill 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-io8197.9k45d agoSKILL.md
taste-skillby Leonxlnx100112.0k1d agoCLAUDE.md
algorithmic-artby anthropics100177.9k47d agoSKILL.md
pptxby anthropics100177.9k47d agoSKILL.md
designby nextlevelbuilder100143.4k8d 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?
Our scan of the whole file found no instruction hijacking, hidden characters, credential access, data exfiltration or destructive commands. An AI review of the same text found nothing harmful. 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 about 2 months ago, 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
Updated1mo 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