关于本提示词 这是一份用于 AI 自动开发
智能健身行业 C 端产品 的完整提示词。围绕"AI 体测 → 体态分析 → 个性化训练计划 → 私教课程预约 → 加教练微信"这条核心增长闭环展开，可直接交付给 AI Coding 工具一次性生成 Next.js 14 + TailwindCSS 的产品原型。
深炭 / Carbon
能量荧光绿 / Neo Green
警戒橙 / Hot Orange
暖灰白 / Off White
夜空蓝 / Night Steel
01STEP ONE
项目规划/ PROJECT PLAN
// define · positioning · feature scope · tech stack
i
本步骤目标：让 AI 准确理解一款"
AI 智能健身 C 端 App"的产品定位、目标人群、核心功能与差异化。建议在 Cursor / Windsurf 中直接粘贴本步提示词作为项目首条 system 指令。
// 工程脚手架 · 通过 pnpm create next-app@latest 初始化，配 App Router + TypeScript strict + TailwindCSS v3 + shadcn/ui + Framer Motion，体测拍照走 getUserMedia() + WASM ImageMagick 压缩至 800KB 以内，AI 调用封装为 useScan() Hook 统一对接 Face++ + TF PoseNet，训练视频走 HLS 流媒体 + video.js。
1.1 产品定位 // 一句话讲清楚做什么
面向 22-40 岁城市白领与健身新人 的 AI 体态体测 + 个性化训练 + 私教转化 平台。用户上传 3 张照片（正/侧/背）即可获取专业体态评估报告，匹配 14/28/56 天训练计划，并可一键预约平台认证私教课程或添加教练微信进行 1V1 服务。
1.2 核心功能模块 // 6 大模块
AI 体测：单图体态分析（高低肩、骨盆前倾、X/O 型腿、含胸等 12 项指标）+ 体脂率估算 + 三维体型重建
训练计划：基于体测结果的 14/28/56 天 AI 训练计划，每日 4-8 个动作，含视频示范与计数
动作识别打卡：摄像头实时识别动作标准度，AI 计数 + 鼓励语音 + 分数
私教课程：认证教练库、单次/课程包/月卡、在线预约 + 到店扫码核销
转化引流：支付成功后自动展示 教练专属微信二维码，进入私域 1V1 服务
成长体系：训练记录、体测对比、成就徽章、连续打卡天数（PK 与社区可选）
1.3 技术栈与 AI 能力 // stack
前端：Next.js 14 App Router · TypeScript · TailwindCSS · Framer Motion · Lucide React · react-webcam（拍照） · MediaPipe / TensorFlow.js（动作识别）
AI：Face++ / 商汤 体态分析 API · 通义千问-VL 多模态生成训练建议 · 自训练 YOLO 姿态检测
后端：Next.js API Routes · Supabase（用户/订单/打卡）· 微信支付 V3 · 阿里云 OSS（视频）
02STEP TWO
页面架构与导航/ ARCHITECTURE
// info hierarchy · navigation · state map
i
整个 App 围绕"
测 → 练 → 约 → 加"四步动线设计，确保每一屏都向"加教练微信 / 完成支付"推进。底部 Tab 4 项：
训练 / 体测 / 课程 / 我的。
// 路由 / 状态 / 主题 · 路由按 app/(train)/、app/(scan)/、app/(course)/ 三大动线分组，状态管理走 Zustand + persist 本地化训练草稿，训练计划日历用 react-day-picker，动作视频走 HLS 流媒体，体测页使用 Suspense + Streaming SSR 首屏不白。
核心动线 · 从打开 App 到完成转化
启动→
引导选目标→
AI 体测→
体态报告→
训练计划→
预约私教→
支付 + 加微信
2.1 引导与首页（4 屏） // onboarding & home
P01启动页 Splash DARK
深炭背景 + 荧光绿 LOGO 心跳动画（从 1.0 缩放到 1.08 循环）。底部"FITFORGE · 智炼"+ 心电波形 SVG 装饰，1.5 秒后自动跳转。设计语言定调：科技、运动、力量。
P02目标选择引导 Goal Onboarding
3 步进度条（性别身高体重 → 训练目标 → 训练频率）。目标卡片支持 4 种：增肌 / 减脂 / 塑形 / 康复，每张卡片附带专业图标和说明。选中态：荧光绿描边 + 浅绿底色 + 绿色对勾。这里收集的数据将直接用于后续 AI 训练计划生成。
P03首页 Home CORE
顶部：方形头像（运动风，不用圆形）+ 用户名 + 当前等级（LV.5 RUNNER）+ 消息铃铛。体测仪表盘卡片（最重要）：当前体脂率大数字 22.3%（Bebas Neue 38px）+ 较上次变化 ↓ 1.2% 绿色徽章 + 三宫格副指标（肌肉量/基础代谢/体重）。主 CTA：荧光绿大按钮 "立即 AI 体测"。下方 今日训练计划卡片：第 8 天 / 28 天 · 胸部+三头训练 · 4 个动作 · 进度条 60%。
P04AI 体测拍照页 Body Scan CRITICAL
全屏黑底 + 人形剪影 SVG 居中（半透明荧光绿描边）+ 顶部 3 个角度切换（正 / 侧 / 背）+ 中部水平扫描线动画 + 四角对焦框。底部荧光绿大圆形拍照按钮 + 左侧角度提示"请正面对镜，全身入框"。关键交互：拍照后调用体态分析 API，返回 12 项指标。
9:41● ● ●
F
FITFORGE
S M A R T · S T R O N G
VER 1.0 · 备案号 ICP-20260001
P01 SPLASH
9:41● ● ●
选择训练目标STEP 02 / 03
告诉我们你的目标，AI 将为你定制专属训练计划
🔥
减脂塑形
高强度间歇 + 有氧 · 平均 8.6kg/月
✓
P02 GOAL
9:41● ● ●
立即 AI 体测 · 1 分钟生成报告 →
今日训练 · DAY 08
VIEW ALL →
胸部 + 三头肌训练
45 MIN6 EX320 KCAL
P03 HOME
9:41● ● ●
请正面对镜，全身入框FULL BODY · GOOD LIGHTING
P04 BODY SCAN
03STEP THREE
核心闭环 · AI 报告与训练计划/ AI CORE
// the value moment
★
这是产品最关键的“
价值时刻”——用户在看完 AI 报告的 60 秒内决定是否信任你的产品、是否愿意付费。报告越专业、越个性化，付费转化率越高。
// AI 体测实现 · 用户上传正 / 侧 / 背三张照片后，前端调用 POST /api/fitness/scan，后端并行调用 Face++ Body Attribute 识别胸围 / 腰围 / 臀围 / 体脂率，并以 TensorFlow PoseNet 提取 17 关键点进行体态分析（高低肩 / 含胸 / 圆肩 / 骨盆前倾等 6 项）；随后交予营养学语料微调的 GPT-4 Fitness 模型，通过 Server-Sent Events 流式输出 BMI / bodyFat / posture / plan 四项核心结论，同时推荐 14 / 28 / 56 天个性化计划，全程 60 秒内完成。
3.1 AI 体测报告页 Body Report // the moment of truth
P05体测报告 Body Report ⭐ KEY
顶部：深炭渐变 + 270° 圆环（综合评分 75/100）+ 体型分类标签 "轻度脂肪型" + 一句话总结。核心数据卡片：
① 体脂率 22.3%（标准 15-20%，超出 2.3%，警戒橙警示条）
② 肌肉量 52.8kg（绿条满意）
③ 体态雷达图：6 维度（高低肩/骨盆/含胸/X 腿/头前引/平背）
④ 三维体型：可旋转的 3D 人形（标记问题部位红点）。
底部 CTA：黑底荧光绿按钮 "领取专属 28 天训练计划 · ¥0 试用"。
P06训练计划详情 Training Plan
顶部 Hero：标签条（减脂 / 中级 / 在家 / 无器械）+ 计划名"28 天减脂塑形计划"+ 三宫格 metric（28 DAYS / 240 MIN/W / 12 EX/D）。
日历列表：横向 Day1-Day28 滑动条，点击展开当日详情。
动作卡片列：左侧 54×54 视频缩略图（带播放图标和荧光绿渐变蒙层），右侧动作名 俯卧撑 + 4 组 × 12 次（数字标荧光绿）。
训练目标：完成今日训练即可解锁明日内容（游戏化）。
9:41● ● ●
AI 体态评估报告
BODY ANALYSIS · 2026.05.08
75
CLASS B
轻度脂肪型
体脂略高，肌肉量良好
建议高强度间歇训练 + 控制碳水
FAT · 体脂率
22.3% · 高于标准 2.3%
当前22.3%
理想范围15-20%
MUSCLE · 肌肉量
52.8 KG · 优秀
当前52.8 KG
⚡ AI 已为你生成专属计划
基于 12 项体态数据，匹配 28 天减脂塑形计划
预计 4 周可降体脂 3-5%
P05 REPORT
9:41● ● ●
D08
胸 + 三头肌训练
45 分钟 · 6 个动作 · 320 千卡
TODAY
标准俯卧撑
4 SETS × 12 REPS · 60S REST
窄距俯卧撑
3 SETS × 10 REPS · 90S REST
三头屈伸
4 SETS × 15 REPS · 45S REST
P06 PLAN
04STEP FOUR
转化模块 · 私教课程与加微信/ CONVERSION
// not a mall · industry-specific funnel
★
健身行业的核心转化路径不是"商城购买"——而是
课程预约 + 加教练微信进入私域 1V1 服务。整个模块包含：教练列表 → 教练详情 → 选课预约 → 支付 →
添加教练微信。
// 转化实现 · 教练列表走 useInfiniteQuery 分页 + IntersectionObserver 懒加载，下单触发 wx.chooseWXPay，回调 Webhook 写 orders 表并把状态机推到 PAID，Realtime channel 立刻推送教练企业微信二维码与首课预约面板，全程 Sentry 错误上报 + 退款走 BullMQ 异步队列。
4.1 教练匹配 // coach matching
P07私教/课程列表 Coach List
顶部 Tab：减脂 / 增肌 / 体态 / 产后 / 康复。
教练卡片（必看亮点）：左侧 60×60 方形头像（运动风，深底荧光绿压底）+ 姓名 + 认证徽章 V（CSCS、NSCA、ACE 等）+ 头衔 "5A 级私教"+ 标签（减脂塑形 / HIIT / 力量）+ 数据条（教龄 8 年 / 服务 1280 人 / 评分 4.9）+ 右下角 ¥299 / 节（警戒橙）+ 立即预约按钮。
整体让人感受"这个教练专业可信，价格合理"。
P08预约课程 Book Class
顶部：教练浮条（头像 + 姓名 + 头衔）。
日历选择：当月日历，可约日期标绿色小圆点，今日选中态。
时段选择：3 列网格 9:00 / 10:00 / 11:00 ... 灰色为已满，黑色为已选。
底部固定栏：左侧 ¥299（警戒橙）+ 划线原价 ¥399 + 右侧 "立即支付" 荧光绿按钮。
4.2 支付与加微信 // the goal
P09支付成功 + 加教练微信 Payment Success ⭐ ULTIMATE
这是整个 App 的最终转化目标页。深炭渐变背景 + 顶部荧光绿成功圆形图标 + 大数字 ¥299.00 已支付 + "课程已预约：5/12 周日 10:00"。
关键卡片（必须做炫）：白色卡片浮起 + "添加教练微信 · 1V1 训练督导" + 二维码（中心荧光绿色块）+ "长按二维码保存"。
下方：教练信息条（头像 + 姓名 + 头衔 + "教练 5 分钟内联系你"）。
设计要点：让用户立刻就想加微信——突出"专属"、"督导"、"5 分钟内联系"。
P10个人中心 My RETENTION
顶部：方形头像 + 姓名 + 等级条（LV.5 → LV.6 进度 42%）。三宫格数据：连续打卡 12 / 总训练 86 / 总卡路里 24,580。成就墙：4×2 徽章网格（首次体测、首次训练、连续 7 天、付费会员、私教 1V1...，未解锁灰色）。列表项：体测历史、训练记录、我的课程、我的教练（直达微信）、订单、设置。
9:41● ● ●
认证私教
CERTIFIED COACHES · 365
减脂增肌体态产后
RY
Ryan Wang V
5A · CSCS 认证
减脂HIIT体态
教龄 8Y服务 1,280★ 4.9
LJ
Linda Jin V
4A · NSCA 认证
产后瑜伽康复
教龄 5Y服务 820★ 4.8
DK
Derek Liu V
5A · NASM 认证
增肌力量体能
教龄 10Y服务 1,580★ 5.0
P07 COACHES
9:41● ● ●
SELECT DATE · 5 月
日
一
二
三
四
五
六
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
SELECT TIME · 5/12
09:00已满
10:00可约
11:00可约
14:00可约
15:00已满
19:00可约
P08 BOOK
9:41● ● ●
✓
支付成功
¥ 299.00
课程已预约 · 5/12 周日 10:00
Ryan Wang · CSCS 认证私教
添加教练微信
1V1 训练督导 · 营养建议
长按保存 · 5 分钟内回复
RY
Ryan Wang5A · CSCS · 教龄 8 年
P09 PAY ⭐
9:41● ● ●
ACHIEVEMENTS4 / 12 UNLOCKED
P10 PROFILE
05STEP FIVE
管理后台 · 教练 / 订单 / 数据/ ADMIN
// PC console for ops & coaches
i
后台供
运营总监 / 金牌教练 / 财务主管 三类角色基于
RBAC 权限模型分级使用，共覆盖
8 大核心模块：数据看板（实时 DAU / 营收漏斗 / 转化热图）、会员档案（体测历史 / 训练记录 / 续费提醒 / 流失预警）、教练管理（资质 OCR 审核 + 课时统计 + 评分排行）、课程预约（多店多时段调度 + 双预约防冲突）、订单财务（微信支付对账 + 退款审批 + T+1 提现）、教练排班（拖拽式班表 + 休假申请）、AI 体测报告复核、系统设置。前端采用
Next.js 14 + React Server Components 构建，关键指标走
useSWR 秒级同步，后端走
Supabase RLS 行级权限 + 全链路操作审计，AI 体测接口
POST /api/fitness/scan 走
Face++ + TF PoseNet 双控，所有会员生物识别数据加密存储符合
GDPR 与《个人信息保护法》。深炭 + 荧光绿配色与 App 端完全一致，强化品牌识别。
FitForge Admin · admin.fitforge.cn
FITFORGE
01数据看板
02会员管理
03教练排班
04课程订单
05体测报告
06财务结算
07系统设置
数据看板 · 今日实时
| 订单号 | 会员 | 教练 | 课程 | 金额 | 状态 |
|---|
| FF20260508-0086 | Mike Chen | Ryan Wang | 减脂私教 1 节 | ¥299 | 已预约 |
| FF20260508-0085 | Linda Z | Linda Jin | 产后 10 节包 | ¥2,490 | 已支付 |
| FF20260508-0084 | 张磊 | Derek Liu | 增肌月卡 | ¥3,990 | 待支付 |