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 "移动端引导".
What it does
Mobile Onboarding Skill
Produce a three-screen mobile onboarding flow on a single HTML page.
Workflow
- Read DESIGN.md.
- Identify the app + audience.
- 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.
- Last phone is the sign-in / continue-with options screen.
- 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