Skillquality 0.70

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 "移动端引导".

Price
free
Protocol
skill
Verified
no

What it 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

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

Capabilities

skillsource-nexu-ioskill-mobile-onboardingtopic-agent-skillstopic-ai-agentstopic-ai-designtopic-byoktopic-claudetopic-claude-code-for-designtopic-claude-designtopic-coding-agentstopic-design-systemstopic-design-toolstopic-desktop-apptopic-figma-alternative

Install

Installnpx skills add nexu-io/open-design
Transportskills-sh
Protocolskill

Quality

0.70/ 1.00

deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 36607 github stars · SKILL.md body (696 chars)

Provenance

Indexed fromskills_sh
Also seen ingithub
Enriched2026-05-11 06:52:25Z · deterministic:skill-github:v1 · v1
First seen2026-05-01
Last seen2026-05-11

Agent access