Future You Mirror

Future You Mirror is a cinematic Al experience powered by Perfect Corp: a mirror that shows you the cost of time, and the reward of starting today.

Comment

Inspiration

We were drawn to the idea that seeing the future might change the present. Most skincare apps give you a score and a product carousel—they diagnose, then sell. We wanted to show, not tell. What if a single selfie could become a quiet, editorial moment of self-confrontation: this is what time does, and this is what care undoes?

Future You Mirror was born from that question. We built it for young women and youth who care about how their skin looks and how they take care of themselves—on an iPhone, in plain language, without shame. Perfect Corp’s AI Skin Analysis, AI Aging, and AI Skin Simulation APIs aren’t just accurate—they’re emotionally legible. The output is a face, not a spreadsheet. That made them the right engine for a product about seeing yourself clearly, then knowing one calm next step.

What it does

Future You Mirror is an eight-step web experience for the YouCam Skin AI track. The journey: Consent → Capture → Loading → Morph → Skin-age reveal → Split mirror → Insights → Share.

  1. Consent — honest privacy: a live photo goes to Perfect Corp; the sample demo does not upload; clearing on your phone does not delete Perfect Corp’s copy. Not medical advice.
  2. Upload a selfie (camera or file) or Try with sample photo.
  3. AI Skin Analysis — concern checks + skin age.
  4. AI Aging — timeline of portraits toward ~70.
  5. AI Skin Simulation — “with care” alternate future.
  6. Cinematic morph — current face into an aged frame.
  7. Skin-age reveal — chronological framing vs skin age.
  8. Split mirror — scrub ages; one change this month (SPF, gentle cleanser, or fewer sugary drinks) instead of a wall of technical sliders.
  9. Insights — score ring, tappable concerns, ingredient → product type, cited diet notes, climate card.
  10. Share — 1080×1920 story card.

?demo=true runs the full flow with baked portraits (no Perfect Corp). Live Begin the Mirror Test uses the APIs when the server key is set.

How we built it

Stack: Next.js 16, React 19, TypeScript strict, Tailwind CSS v4, Framer Motion, Zustand, sharp, @base-ui/react. Fonts self-hosted (Inter + Fraunces).

Zustand step machine; analyze runs Skin Analysis + Aging in parallel with SHA256 cache; simulate is hybrid (demo/baked vs live). RSA public-key handshake → Bearer token; endpoints skin-analysis, aging, skin-simulation. Recommendations in lib/recommendations.ts. /privacy + /terms. Share card via next/og with base64-inlined images; climate via geo + Open-Meteo. PWA manifest + icons. Warm editorial design; plain-language errors (no task IDs in the UI).

Challenges we ran into

  1. Docs vs live request/response shapes — verified with live traffic and the docs MCP.
  2. CLIENT_SECRET is really an RSA public key — wrong paste → OpenSSL decoder errors before Perfect Corp.
  3. Credit / judge risk — hybrid demo with zero Perfect Corp calls.
  4. Simulate 502s that used to look like success — real errors; no CSS fake.
  5. Face-too-small API rule — mapped to “move closer…” copy.
  6. Vercel Turbopack + Google fonts build break — self-host fonts.
  7. One-screen over-compress crushed the edition banner — reverted for real proportions.
  8. Privacy copy had to match Perfect Corp processing (no fake server erase).

Accomplishments that we're proud of

Three APIs as one emotional arc; show the future and guide a next step; judge-proof demo; hope-first “one change this month”; quiet morph; honest privacy; solo full-stack sprint made submission-ready for this Skin AI hackathon.

What we learned

Network tab + docs MCP over blind trust in one PDF; cache and demo like credits matter; name secrets for humans; consumer errors ≠ API errors; motion should stay calm; don’t crush the brand to force one screen.

What's next for Future You Mirror

Calm post-reading home-screen guide; optional on-device re-scan history; deeper recs / careful brand deals; Fitzpatrick + sun when we can demo it honestly; native store wrappers after the PWA holds; freemium / white-label SaaS later.

Details of Creator

Created by Praneel S

Pitched by Pankhudi P

Representing Company KairosLabs

Built With

Share this project:

Updates

Submission history