技能 设计创意 三屏移动端引导流设计

三屏移动端引导流设计

v20260430
mobile-onboarding
用于设计和生成包含三个屏幕的移动端引导流程原型。它将模拟App首次启动的完整用户体验(UX),涵盖从欢迎页、核心价值展示到最终登录/注册的完整流程,适用于产品设计阶段。
获取技能
386 次下载
概览

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>
信息
Category 设计创意
Name mobile-onboarding
版本 v20260430
大小 3.68KB
更新时间 2026-05-01
语言