{"id":"6495b051-16c0-4bf5-9254-412737ba9775","shortId":"DAsWma","kind":"skill","title":"mobile-onboarding","tagline":"A multi-screen mobile onboarding flow rendered as three phone frames\nside by side — splash, value-prop, sign-in. Status bar, swipe dots,\nprimary CTA. Use when the brief mentions \"mobile onboarding\", \"iOS\nonboarding\", \"phone signup\", or \"移动端引导\".","description":"# Mobile Onboarding Skill\n\nProduce a three-screen mobile onboarding flow on a single HTML page.\n\n## Workflow\n\n1. Read DESIGN.md.\n2. Identify the app + audience.\n3. Layout: three phone frames side by side. Each phone:\n - Status bar (time, battery, signal).\n - Hero artwork or icon.\n - Headline + supporting paragraph.\n - 3-dot pagination.\n - Primary CTA (full-width pill button).\n - \"Skip\" or alt action top-right.\n4. Last phone is the sign-in / continue-with options screen.\n5. Strong typography, gentle gradients, accessible contrast.\n\n## Output contract\n\n```\n\n...\n```","tags":["mobile","onboarding","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design"],"capabilities":["skill","source-nexu-io","skill-mobile-onboarding","topic-agent-skills","topic-ai-agents","topic-ai-design","topic-byok","topic-claude","topic-claude-code-for-design","topic-claude-design","topic-coding-agents","topic-design-systems","topic-design-tools","topic-desktop-app","topic-figma-alternative"],"categories":["open-design"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/nexu-io/open-design/mobile-onboarding","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add nexu-io/open-design","source_repo":"https://github.com/nexu-io/open-design","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 36607 github stars · SKILL.md body (696 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-11T06:52:25.512Z","embedding":null,"createdAt":"2026-05-01T18:52:33.328Z","updatedAt":"2026-05-11T06:52:25.512Z","lastSeenAt":"2026-05-11T06:52:25.512Z","tsv":"'1':62 '2':65 '3':70,92 '4':109 '5':122 'access':127 'action':105 'alt':104 'app':68 'artwork':86 'audienc':69 'bar':27,81 'batteri':83 'brief':35 'button':101 'continu':118 'continue-with':117 'contract':130 'contrast':128 'cta':31,96 'design.md':64 'dot':29,93 'flow':10,55 'frame':15,74 'full':98 'full-width':97 'gentl':125 'gradient':126 'headlin':89 'hero':85 'html':59 'icon':88 'identifi':66 'io':39 'last':110 'layout':71 'mention':36 'mobil':2,8,37,45,53 'mobile-onboard':1 'multi':6 'multi-screen':5 'onboard':3,9,38,40,46,54 'option':120 'output':129 'page':60 'pagin':94 'paragraph':91 'phone':14,41,73,79,111 'pill':100 'primari':30,95 'produc':48 'prop':22 'read':63 'render':11 'right':108 'screen':7,52,121 'side':16,18,75,77 'sign':24,115 'sign-in':23,114 'signal':84 'signup':42 'singl':58 'skill':47 'skill-mobile-onboarding' 'skip':102 'source-nexu-io' 'splash':19 'status':26,80 'strong':123 'support':90 'swipe':28 'three':13,51,72 'three-screen':50 'time':82 'top':107 'top-right':106 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-design' 'topic-byok' 'topic-claude' 'topic-claude-code-for-design' 'topic-claude-design' 'topic-coding-agents' 'topic-design-systems' 'topic-design-tools' 'topic-desktop-app' 'topic-figma-alternative' 'typographi':124 'use':32 'valu':21 'value-prop':20 'width':99 'workflow':61 '移动端引导':44","prices":[{"id":"bdcfbb84-3342-405c-bec8-e2347b51e5d6","listingId":"6495b051-16c0-4bf5-9254-412737ba9775","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"nexu-io","category":"open-design","install_from":"skills.sh"},"createdAt":"2026-05-01T18:52:33.328Z"}],"sources":[{"listingId":"6495b051-16c0-4bf5-9254-412737ba9775","source":"github","sourceId":"nexu-io/open-design/mobile-onboarding","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/mobile-onboarding","isPrimary":false,"firstSeenAt":"2026-05-01T18:52:33.328Z","lastSeenAt":"2026-05-11T06:52:25.512Z"},{"listingId":"6495b051-16c0-4bf5-9254-412737ba9775","source":"skills_sh","sourceId":"nexu-io/open-design/mobile-onboarding","sourceUrl":"https://skills.sh/nexu-io/open-design/mobile-onboarding","isPrimary":true,"firstSeenAt":"2026-05-07T20:42:33.762Z","lastSeenAt":"2026-05-07T22:41:40.091Z"}],"details":{"listingId":"6495b051-16c0-4bf5-9254-412737ba9775","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"mobile-onboarding","github":{"repo":"nexu-io/open-design","stars":36607,"topics":["agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design","coding-agents","design-systems","design-tools","desktop-app","figma-alternative","generative-ai","hermes-agent","local-first","nextjs","no-code","prototyping","ui-generator","vibe-coding"],"license":"apache-2.0","html_url":"https://github.com/nexu-io/open-design","pushed_at":"2026-05-11T06:48:43Z","description":"🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Runs on Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.","skill_md_sha":"150a37cb48cbe95512955cde7c7e6e6238b28f8a","skill_md_path":"skills/mobile-onboarding/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/mobile-onboarding"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"mobile-onboarding","description":"A multi-screen mobile onboarding flow rendered as three phone frames\nside by side — splash, value-prop, sign-in. Status bar, swipe dots,\nprimary CTA. Use when the brief mentions \"mobile onboarding\", \"iOS\nonboarding\", \"phone signup\", or \"移动端引导\"."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/mobile-onboarding"},"updatedAt":"2026-05-11T06:52:25.512Z"}}