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 t

Nnexu-io

查看 Raw 原文件

让 AI 帮你安装

复制下面这句话，粘贴给 Claude Code、Codex、Cursor 等 AI 编程工具，它会读取安装说明并在你确认后完成安装。

请阅读 https://ai.atlankj.com/install/asset/gh-mobile-onboarding-dc28cae1b596 ，按照其中的说明把「mobile-onboarding」安装到你（当前 AI 工具）中。执行前先告诉我将运行的命令和写入的位置，等我确认。

查看 AI 将读取的安装说明

内容来自 GitHub 原始文件，由原作者维护。在 GitHub 查看

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>

正在读取 GitHub 原文…

mobile-onboarding

让 AI 帮你安装

Mobile Onboarding Skill

Workflow

Output contract

链接

创作者

Mobile Onboarding Skill

Workflow

Output contract