Done. I turned it into a full master handbook in the canvas. It’s organized around the real spine of the project you already had scattered across the files: **Life is a Game** as a mirror-first decision game, not a personality test, where players sort **14 life scenarios** into **Want / Evaluate / Don’t Want**, move through intermissions and results, and eventually track patterns across **Money, Relationships, Identity, and Risk** over time. Inside the handbook, I included: * the product thesis and positioning system * site strategy and recommended page architecture * brand voice and visual direction rules * the Lovable + Supabase build manual * session persistence and waitlist strategy * QA checklists for mobile and full-flow testing * fundraising and campaign guidance * a full prompt library for homepage, campaign page, waitlist, Supabase, pattern history, card writing, intermission prompts, results insights, and educator toolkit work. I also cleaned up the project’s center of gravity so it stops drifting into generic landing-page furniture. The handbook treats the **reflection layer** as the emotional core, keeps the **mirror-not-test** framing, and preserves the long-term differentiator of **pattern tracking across sessions** rather than letting the project blur into quiz-app or SaaS territory. The sharpest next move is to have me turn that handbook into a **Loveable-ready build pack** with one prompt per page and feature, in execution order.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds features to your project and fits it to your theme.
Code
How features is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { Component } from "@/components/ui/features";
export default function DemoOne() {
return <Component />;
}








