AlterU AlterU Part 3 · Demo 模式 Part 3 · Demo Mode
大纲Outline
能力 · 外部 Demo 模式

分享出去的链接，
核心 AI 循环依然能跑。

AI 4 件套的 endpoint CORS = *，意味着把游戏 URL 发到 Twitter / 朋友圈， 对方直接点开，浏览器里就是真 demo——不是降级 landing。

  • !isInAigram 时，hook 层兜底 phantom 数据：示例排行、假计数器、demo CTA
  • Hour Capsule FieldDemoCTA 是模板——poster 当示例袋 + 唯一一个粉填 CTA → App Store
  • 这是第二个用户旅程，不是工程兜底——day-one 就要设计

Empty state 必须分两种模式：

  • !isInAigram · 浏览器预览 → "Open in AlterU"
  • isInAigram && length===0 · 真在 app 里但还没数据 → "Invite friends" / "Be the first"
  • 永远错：一句文案覆盖两种情况
Hour Capsule demo mode
Capability · external demo mode

A shared link still
runs the core loop.

All AI endpoints expose CORS: *. Drop the game URL into Twitter or a group chat; the recipient opens it in their browser and gets a real demo — not a fallback landing.

  • On !isInAigram, hook-layer fallback inserts phantom data — example leaderboard, fake counter, demo CTA
  • Hour Capsule's FieldDemoCTA is the canon — poster as example bag + one filled-pink CTA → App Store
  • This is a second user journey, not engineering fallback — design it day one

Empty state has to be two-state:

  • !isInAigram · browser preview → "Open in AlterU"
  • isInAigram && length===0 · really in-app but empty → "Invite friends" / "Be the first"
  • Wrong forever: one copy for both
Hour Capsule demo mode

备忘 · 按 S 关闭Notes · S to close

这一条对产品/营销同学非常关键——意味着每个游戏自带传播 demo。 不用做单独 landing 页，分享 URL 直接是体验。

Empty state 那条是已上线游戏中招过的真实失误（tag-youre-it lobby），讲的时候可以让设计师审审自己手上 wireframe 有没有把"在 app 里但没数据"和"还没进 app"分开。

Important for PM/marketing: every game ships with a built-in demo for sharing. No separate landing page needed — the URL itself is the experience.

The empty-state rule is here because we've shipped it broken (tag-youre-it lobby). Have designers audit their own wireframes — does it distinguish "in-app but empty" from "not in-app yet"?

18 / 41