// 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 "移动端引导".
[HINT] Download the complete skill directory including SKILL.md and all related files
| 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","featured":13,"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."} |
Produce a three-screen mobile onboarding flow on a single HTML page.
<artifact identifier="mobile-onboarding-name" type="text/html" title="Mobile Onboarding">
<!doctype html>...</artifact>