Sep 13, 2026

用一条 Claude Code 命令设计 14 屏应用引导流程

App Onboarding Questionnaire 技能会分析你的代码库,并用应用的原生框架构建以转化为导向的引导流程。

#tutorial#product-management#developer-tools

多数引导流程都是开发者瞎猜转化心理学的产物。App Onboarding Questionnaire 技能反其道而行:它读取你的代码库,套用一套文档化的 14 屏框架,并用你的应用已有的技术栈把流程建出来。该仓库在 SkillMap 排行榜上有 1,198 星。

为什么这个 Skill 重要

引导流程是订阅应用赢得或失去用户的地方,而有效的模式在 Mob、Headspace、Noom、Duolingo 这些头部应用中已被反复验证——README 把这四个应用列为参考对象。这个技能不满足于再做一个泛泛的走马灯教程,而是把这套成熟的打法变成可运行的实现:它分析你的应用做什么、面向谁、需要哪些权限,然后起草每一屏的文案,并用 SwiftUI、React Native、Flutter 或你的应用原生框架把流程构建出来。

安装

README 提供两种安装方式。克隆到 Claude Code 技能目录:

cd ~/.claude/skills
git clone https://github.com/adamlyttleapps/claude-skill-app-onboarding-questionnaire.git app-onboarding-questionnaire

注意:README 自带的克隆命令把仓库名误拼为 questoinnaire——上面的 URL 使用仓库的真实拼写。

或者,在项目的 .claude/settings.json 中声明为依赖:

{
  "skills": [
    "github:adamlyttleapps/claude-skill-app-onboarding-questionnaire"
  ]
}

实战:为食谱应用做用户引导

  1. 在 Claude Code 中打开应用项目目录,运行技能命令:
/app-onboarding-questionnaire
  1. 技能以交互方式带你走完每个阶段。按照 README 的说明,它会先分析代码库,弄清应用做什么、面向谁、需要哪些权限。
  2. 接着定义"用户转变"——驱动引导叙事的前后对比故事——然后设计逐屏蓝图,并起草全部文案:标题、问题、选项、行动按钮和社会证明。
  3. 最后用应用的原生框架构建引导流程,并根据应用复杂度自适应。并非每个应用都需要全部屏幕。

README 记录的 14 屏框架依次是:Welcome(钩子)、Goal Question(目标问题)、Pain Points(痛点)、Social Proof(社会证明)、Tinder Cards(滑动认同/不认同)、Personalised Solution(个性化方案)、可选的 Comparison Table(对比表)、Preferences(偏好设置)、Permission Priming(权限预沟通)、Processing Moment(处理时刻)、App Demo(应用演示)、Value Delivery(价值交付)、可选的 Account Gate(账户门)和 Paywall(付费墙)。

两个功能承担了主要工作量。App Demo 屏会构建核心玩法的一个可运行迷你版——用户挑选食谱或给交易分类,并拿到一个看得见的结果——而且输出被设计成可分享的。Permission Priming 从代码库自动检测权限(Info.plist、AndroidManifest),并生成以收益为导向的预沟通屏幕;README 称这类屏幕的转化率为 70-80% 以上,而冷启动系统弹窗约为 40%。

技巧

  • 进度可恢复:技能把状态保存到 Claude Code 的记忆系统,第二天回来可以接着上次的进度继续。
  • 该框架基于 README 对 Mob 食谱应用 19 屏流程的分析;README 称其被广泛认为是 App Store 中转化率最好的引导体验之一。
  • 让代码库分析先跑完再回答它的问题——权限预沟通屏幕取决于检测到的内容。
  • 不需要营销背景;技能负责转化心理学,你只需要回答关于应用的问题。

何时不用这个 Skill

这套框架面向订阅应用的问卷式引导。如果你的产品是开发者工具,用户期望打开就能上手,那么 14 屏的心理序列会与用户预期背道而驰。这个技能也只在 Claude Code 中可用——纯聊天会话里帮不上忙。


查看 排行榜 了解更多 skill。