用途
这是一个 Claude Code 技能(skill),面向需要构建高转化问卷式应用引导流程的开发者。运行 /app-onboarding-questionnaire 后,技能会分析你的应用代码库,读取源代码、manifest/plist 文件及现有界面,从而理解应用用途、目标用户和所需权限,并生成一套完整的问卷式引导流程,包括全部文案、各屏设计以及可直接用于生产的代码。
主要能力
- 代码库分析:读取应用源码、manifest/plist 文件与现有界面,识别应用用途、目标用户和所需权限。
- 用户转化叙事:构建驱动引导故事的“前后对比”叙事。
- 逐屏蓝图设计:基于 14 屏心理转化框架设计流程。
- 文案撰写:标题、问题、答案选项、CTA、证言、社会证明。
- 界面构建:使用应用的原生框架生成(SwiftUI、React Native、Flutter、Jetpack Compose 等)。
- 权限预引导自动生成:从 iOS 的 Info.plist(如 NSCameraUsageDescription)、Android 的 AndroidManifest.xml(uses-permission 条目)或 React Native / Flutter 两处自动检测所需权限,并为每个权限生成以利益为框架的预引导屏,显示在系统弹窗之前。
- 会话续做:进度保存至 Claude Code 记忆系统,可跨会话恢复。
14 屏框架
- 欢迎:挂钩——展示最终状态,激发欲望
- 目标问题:“你想达成什么?”——心理投入
- 痛点:“是什么阻碍了你?”——建立共情
- 社会证明:与用户画像匹配的证言
- 滑动卡片:对痛点陈述左右滑动表示同意/不同意
- 个性化方案:回映痛点并配以应用解决方案数据
- 对比表:有应用 vs 没应用的生活(可选)
- 偏好:为演示进行功能性个性化
- 权限预引导:系统弹窗前以利益为框架预推销
- 处理时刻:“正在为你构建 X……”营造期待
- 应用演示:用户实际使用核心应用机制
- 价值交付:具体产出 + 分享/传播时刻
- 账号门槛:可选登录以保存已创建内容
- 付费墙:含试用、社会证明、定价的硬付费墙
并非每个应用都需要全部屏幕,技能会根据应用复杂度与类型自适应。
使用方式
安装:
选项 1:全局 skills 目录
cd ~/.claude/skills
git clone https://github.com/adamlyttleapps/claude-skill-app-onboarding-questionnaire.git app-onboarding-questionnaire
选项 2:项目级依赖,在项目 .claude/settings.json 中添加:
{
"skills": [
"github:adamlyttleapps/claude-skill-app-onboarding-questionnaire"
]
}
运行:进入应用项目目录并执行 /app-onboarding-questionnaire。技能是交互式的,会提出澄清问题并增量构建,进度保存至 Claude Code 记忆系统以便跨会话恢复。
续做会话:/app-onboarding-questionnaire resume;从指定屏幕重启:/app-onboarding-questionnaire --from=paywall。
配置选项:运行时会询问应用类型(订阅、免费增值、一次性购买)、核心循环、目标受众、付费墙时机、需跳过的屏幕、品牌颜色。
适用场景
- 为订阅制或免费增值应用设计引导流程。
- 需要按心理转化框架快速生成多屏引导界面与文案。
- 在 SwiftUI、React Native、Flutter、Jetpack Compose 等原生框架下生成可投入生产的引导代码。
限制
- 付费墙界面仅生成 UI 外壳,需自行接入支付服务商(RevenueCat、StoreKit 2、stripe-react-native 等)。文档称推荐 RevenueCat,技能会生成兼容的购买调用点。
- 权限检测依赖 Info.plist 或 AndroidManifest.xml 的预期位置,位置不符时可能无法正确检测。
- 框架推断依赖文件扩展名(.swift、.tsx、.dart、.kt),检测失败时可显式指定
--framework=swiftui。 - 框架基于对 Mob 食谱应用 19 屏引导流程的分析,并结合 Noom、Headspace、Duolingo 的模式。
- 资料未提供该技能的价格、收费方式或效果保证信息。
代码示例
文档中给出了 SwiftUI 目标问题屏、React Native 滑动卡片屏、Flutter 处理/加载屏、SwiftUI 权限预引导屏(基于 Info.plist 检测生成),以及 Onboarding 状态管理模式(集中状态对象跟踪各屏进度)等示例代码。