🔒 Super Admin · Internal Executive Explainer · Not public · Catalog ›
Sandbox Preview · April 2026 Bundle

Dr Rob's Community Quest Builder
+ Onboarding Concepts — Live Preview

The full prototype set Dr Rob and his Claude built in a single working session — 12 self-contained HTML files, one unified design system, one architecture. Click through, poke at the buttons, watch the PHIT advisor change communities, toggle the role variants. Decide what to keep, what to ship, what to toss.

📁 12 prototype files
🎯 Click-through ready
🛡️ Safety-gated Quest model
🎨 FFH brand (light theme)
▶ Start with the headline file: PHIT Advisory Panel

🎯 Suggested 6-stop tour (≈ 15 min)

  1. PHIT Advisory Panel — switch communities, watch green/red flags re-render
  2. Quest Builder v2 — start at Step 0, click On-Ground, walk the safety gate
  3. Quest Feature Card — toggle Member ↔ Chamber Director view
  4. Composer + PowerTool — see Templates A / B / C / D in action
  5. Onboarding Chapter 1 — Mode Selector + 8-tile Force Field builder
  6. Chapter 2 — circulatory metaphor for Live It / Learn It / Share It
1 Headline new files — start here
No production equivalent exists today. These are the highest-leverage productionize-next candidates.
🎯 PHIT Advisory Panel START HERE
Switch between Phoenix / State College / Youngstown to watch live PHIT scores, SHIP + CHNA priorities, green-flag recommendations, and red-flag warnings re-advise in real time.
Open →
🧭 Quest Builder v2 UPDATED
Step 0 Quest Type picker (On-Ground / Online / Hybrid) with safety gate. Sponsors tab (Bronze / Silver / Pinnacle), Launch Kit with 8 auto-gen assets, PHIT Suggested Stops library.
Open →
🎴 Quest Feature Card PATTERN
Toggle between Basic Member view (how to do a Quest) and Chamber Director view (how to build one). Universal 10-section template, two audiences, one toggle.
Open →
2 Content management system
Composer + PowerTool + the Feature Card template that every module follows.
📇 Composer + PowerTool MAJOR
Three connected views — Composer edits cards, PowerTool deploys bundles per Role + Template (A Standard / B Print / C Español / D Audio-first), Role Variants compare side-by-side.
Open →
🃏 Feature Cards
Universal 10-section template with three real examples (Sleep Tracker / Heart Course / Health Quest) and three display modes (Tutorial / Reference / Bingo Tile).
Open →
🎰 Onboarding Bingo System
Tile Library + Card Assembler + Member Experience. 24 starter tiles, locked Square One center. Note: production /ffh-onboarding-bingo/ is 2× more complete already.
Open →
3 Onboarding chapters 1–3
Member-facing story arc. Chapter 1 has the Mode Selector + Force Field builder. Chapters 2–3 are the circulatory metaphor + Network tour.
🎁 Chapter 1 — Welcome
Gift framing → Movement → 8-tile Force Field builder → Mode Selector (Gamer / Career / Do-Gooder / Marstronaut). Auto-saves to localStorage.
Open →
💗 Chapter 2 — Force Field
Six scroll scenes explaining what a Force Field is — circulatory metaphor: Live It = heart, Learn It = pulmonary loop, Share It = systemic loop.
Open →
🎬 Animation Catalogue
Six animation concept cards — Tears→Streams, 5-Layer Shield, Kindness Gravity, STEAM³ Cube, Heartbeat, Coin Economy.
Open →
🌐 Chapter 3 — Network Tour
Tour of the Network — Learn It / Live It / Share It pillars, tool cards, STEAM Teams, Coin Economy, Two-Way Data Flow animation.
Open →
📐 Animation Spec Sheet
Production reference for animations — sizing, timing, asset swapping, upgrade paths to Lottie / Rive.
Open →
📓 Prototype Sketchbook
Five tabbed sketches — Goal Picker, Personalized Tour, Leader Onboarding, Chamber Director, Sponsor. Idea fuel for backlog.
Open →
4 Dr Rob's full handoff README
Read this for the full architecture diagram, data-flow connection map, and Rob's "Review · Trash · Integrate" framing.
📬 FFH-Handoff-README.html
"Here's the stack, Lucy. Review · Trash · Integrate." Rob's own walkthrough of all 12 files with priorities, connection diagram, and the safety-principle callout that runs through everything.
Open Rob's README →
📌 What to do after you've clicked through: Review the UX Director Integration Roadmap for the cherry-pick map and role-by-role best onboarding paths. Three highest-leverage moves: (1) productionize the PHIT Advisory Panel as /ffh-phit-advisory-panel/, (2) build /ffh-quest-builder/ as a sibling to /simulation-builder/, (3) drop a 4-card Mode Selector between /getting-started/ and /my-dashboard/. None of those overwrite anything live.