Skip to content

MysticX App — Screen Tree / 屏幕树

app/
├── _layout.tsx                     Root layout — auth routing, theme providers, splash screen
│                                   根布局 — 身份验证路由、主题提供商、启动屏幕
├── modal.tsx                       Generic modal screen
│                                   通用模态窗口
├── card-of-day.tsx                 Daily card draw — earn credits & get daily guidance
│                                   每日抽卡 — 获取积分与每日指引

├── (tabs)/                         ═══ Main Tab Navigation / 主导航标签 ═══
│   ├── _layout.tsx                 Tab bar layout
│   │                               标签栏布局
│   ├── index.tsx                   Home — hero question input, reader selector, daily card, recent readings
│   │                               首页 — 核心问题输入、塔罗师选择、每日卡牌、最近阅读
│   ├── discover.tsx                Discover — browse spreads, cards, readers, card skins
│   │                               发现 — 浏览牌阵、卡牌、塔罗师、卡牌皮肤
│   ├── journal.tsx                 Journal — reading history, daily/weekly/yearly stats, mood tracking
│   │                               日志 — 阅读历史、日/周/年统计、心情追踪
│   └── profile.tsx                 Me — account tier, credits, subscription, active reader & skin
│                                   我的 — 账户等级、积分、订阅、当前塔罗师与皮肤

├── (auth)/                         ═══ Authentication / 身份验证 ═══
│   ├── _layout.tsx                 Auth flow layout
│   │                               验证流程布局
│   ├── sign-in.tsx                 Sign in — email & Google login, team quick-login
│   │                               登录 — 邮箱和谷歌登录、团队快捷登录
│   ├── sign-up.tsx                 Sign up — email registration with verification
│   │                               注册 — 邮箱注册与邮件验证
│   └── forgot-password.tsx         Forgot password — email reset request
│                                   忘记密码 — 邮箱重置请求

├── (onboarding)/                   ═══ Onboarding / 新手引导 ═══
│   ├── _layout.tsx                 Onboarding flow layout
│   │                               引导流程布局
│   ├── welcome.tsx                 Welcome — animated intro with floating card deck
│   │                               欢迎 — 浮动卡牌动画介绍
│   ├── how-it-works.tsx            How it works — 3-step guide (question → spread → cards)
│   │                               使用方法 — 三步指南(提问 → 牌阵 → 抽卡)
│   ├── features.tsx                Features — showcase Card of Day, AI readings, skins, tiers
│   │                               功能展示 — 每日卡牌、AI 解读、皮肤、会员等级
│   └── get-started.tsx             Get started — CTA to begin using the app
│                                   开始使用 — 引导用户进入应用

├── reading/                        ═══ Reading Flow / 占卜流程 ═══
│   ├── _layout.tsx                 Reading flow layout
│   │                               占卜流程布局
│   ├── question.tsx                Question — enter tarot question (1000 char limit)
│   │                               提问 — 输入塔罗问题(限1000字)
│   ├── spreads.tsx                 Spread picker — manual spread selection (bypass AI suggestion)
│   │                               牌阵选择 — 手动选择牌阵(跳过 AI 推荐)
│   ├── select-cards.tsx            Card selection — spinning wheel, tap to pick cards
│   │                               选牌 — 旋转牌轮、点击抽卡
│   ├── streaming.tsx               Streaming — full-screen AI response with animated progress
│   │                               流式解读 — 全屏 AI 响应与动画进度
│   ├── result.tsx                  Result — card interpretations, advice, insights summary
│   │                               结果 — 卡牌解释、建议、洞察总结
│   ├── [id].tsx                    Reading detail — past reading with cards & summary
│   │                               阅读详情 — 历史阅读记录与卡牌摘要
│   └── chat.tsx                    Follow-up chat — streaming AI conversation with reader
│                                   追问聊天 — 与塔罗师的流式 AI 对话

├── discover/                       ═══ Discover Sub-screens / 发现子页面 ═══
│   ├── cards.tsx                   All cards — browsable grid of 78 tarot cards with search
│   │                               全部卡牌 — 78张塔罗卡牌网格浏览与搜索
│   ├── spreads.tsx                 All spreads — gallery of available spreads
│   │                               全部牌阵 — 可用牌阵画廊
│   ├── card/[id].tsx               Card detail — meaning, reversed meaning, keywords
│   │                               卡牌详情 — 正位含义、逆位含义、关键词
│   └── spread/[slug].tsx           Spread detail — layout diagram, positions, usage guide
│                                   牌阵详情 — 布局图、位置说明、使用指南

├── market/                         ═══ Marketplace (via Discover & Me) / 市场(从发现和我的进入) ═══
│   ├── readers.tsx                 Tarot readers — browse, preview audio, unlock/purchase
│   │                               塔罗师 — 浏览、试听音频、解锁/购买
│   └── skins.tsx                   Card skins — browse and activate decorative card designs
│                                   卡牌皮肤 — 浏览和激活装饰性卡牌外观

└── profile/                        ═══ Profile & Settings / 个人与设置 ═══
    ├── edit.tsx                    Edit profile — name, email, avatar upload
    │                               编辑资料 — 姓名、邮箱、头像上传
    ├── settings.tsx                Settings — theme, language, notifications, logout
    │                               设置 — 主题、语言、通知、登出
    ├── credits.tsx                 Credits — balance, purchase packs, spending history
    │                               积分 — 余额、购买积分包、消费记录
    ├── subscription.tsx            Subscription — manage tier (Free/Gold/Diamond)
    │                               订阅 — 管理会员等级(免费/黄金/钻石)
    ├── memory.tsx                  AI Memory — view & delete personal facts stored by AI
    │                               AI 记忆 — 查看和删除 AI 记住的个人信息
    └── delete-account.tsx          Delete account — reason selection & confirmation
                                    删除账户 — 选择原因与确认

Total: 32 screens (excluding 5 layout files) 总计:32 个屏幕(不含 5 个布局文件)

Internal documentation for MysticX team