SuperAPI AI 工具集

claude-skill-app-onboarding-questionnaire

编程与开发

查看项目

更新于 10-15 14:56

技能介绍

用途

这是一个 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 屏框架

  1. 欢迎:挂钩——展示最终状态,激发欲望
  2. 目标问题:“你想达成什么?”——心理投入
  3. 痛点:“是什么阻碍了你?”——建立共情
  4. 社会证明:与用户画像匹配的证言
  5. 滑动卡片:对痛点陈述左右滑动表示同意/不同意
  6. 个性化方案:回映痛点并配以应用解决方案数据
  7. 对比表:有应用 vs 没应用的生活(可选)
  8. 偏好:为演示进行功能性个性化
  9. 权限预引导:系统弹窗前以利益为框架预推销
  10. 处理时刻:“正在为你构建 X……”营造期待
  11. 应用演示:用户实际使用核心应用机制
  12. 价值交付:具体产出 + 分享/传播时刻
  13. 账号门槛:可选登录以保存已创建内容
  14. 付费墙:含试用、社会证明、定价的硬付费墙

并非每个应用都需要全部屏幕,技能会根据应用复杂度与类型自适应。

使用方式

安装:

选项 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 状态管理模式(集中状态对象跟踪各屏进度)等示例代码。