Discovering Clarity, The Anti-Slop Life Decision Simulator I am thrilled to share the evolution and current release of Clarity: AI-Powered Simulator for High-Stakes Life Choices, live on the USAII Global AI Hackathon platform!
Most AI applications today suffer from what we call "AI Slop", they either spit out generic, praise-filled motivational advice or force-feed rigid machine-generated conclusions. Clarity takes a different path. It is an honest, analytical sandbox designed to help humans navigate complex life crossroads by exposing what they are truly willing to sacrifice.
The Core Evolution: What We’ve Built Clarity has evolved from a simple tradeoff scanner into a comprehensive, responsive full-stack decision-intelligence dashboard. Here is a log of the core features and how they have evolved:
- Multi-Dimensional Tradeoff Matrices The simulator maps your declared alternatives (e.g., Bootstrap a Micro-SaaS vs. Accept an early-stage AI startup role) directly against your priority pillars (e.g., Financial Runway, Creative Autonomy, Professional Speed).
The Upgrade: Ratings are accompanied by precise Certainty Indication Metrics (using a 5-point discrete confidence range) to represent how realistic a trajectory is.
- Branching "What-If" Stress Testing You can inject high-impact shock events (e.g., "What if my student visa work window shifts?" or "What if customer acquisition cost triples?") onto specific paths.
The Upgrade: The system runs predictive feedback loops, generating second-order consequences and alternative trajectories dynamically mapped by the reasoning engine.
- Dual-Mode Live Interactive Dossier (NEW) We just rolled out a major feature to let users preview and export their final reflections in two formats:
Monospace Raw Text: Generates a retro, code-styled terminal log for direct clipboard copy.
High-Colour Editorial Preview: A gorgeous, bookish layout using Playfair Display typography, custom grid-alignments, subtle border-rules, and solid visual accents.
- Direct Print & Standalone HTML Exports (NEW) Instead of forcing a plain .txt download, you can now:
Download Coloured HTML Dossier: Generates an independent, fully responsive, CSS-styled HTML dashboard wrapper file for beautiful offline viewing.
Print/Save to PDF: Fully optimized @media print stylesheet that strips away headers, buttons, and navigation elements, transforming your screen into a pristine Print-Ready Decision Briefing Document with page-break protection.
The Architecture Behind the Scenes code Code ┌────────────────────────────────────────────────────────┐ │ Client Level: React 19 + Tailwind │ │ - Priority Inputs - Stress Builders - PDF Render │ └───────────────────────────┬────────────────────────────┘ │ (Secure HTTPS App Route) ┌───────────────────────────▼────────────────────────────┐ │ TypeScript Express Server Proxy │ │ - Enforces Schema Contracts │ │ - Conceals Private API Credentials from Scrapers │ └───────────────────────────┬────────────────────────────┘ │ (Structured JSON Endpoint) ┌───────────────────────────▼────────────────────────────┐ │ Google Gemini API │ │ - Dynamic fallback queues: gemini-3.5/2.5-flash │ └────────────────────────────────────────────────────────┘ Server-Side Proxy Securing Keys: API keys are isolated in Node.js server memory, preventing key exposure.
Structured JSON Schema Contracts: Enforces rigid, type-safe JSON schema output parameters from the Google GenAI SDK to eliminate runtime serialization crashes.
Zero-Storage Privacy Blueprint: No tracking databases, analytics cookies, or profiling systems. Your most stressful choices remain your own.
Crisis Safety Lock: Scans inputs locally for distressing keywords. If detected, it cuts the API connection and renders instant support interfaces connecting users to the 988 Suicide & Crisis Lifeline. Code Snippet Highlight: Dynamic Poly-Renderer This is how we render the high-fidelity dual-preview within the client bundle to allow instant CSS-based PDF rendering:
code
// Conditional rendering for the dual dossier preview system {previewMode === "terminal" ? ( /* Monospace RAW style /
{constructDossierText()}
) : (
/ Elegant Printable Editorial Sheet */
CLARITY DOSSIER
The Deliberate Crossroad
{new Date().toISOString().slice(0,10)}{/* Tradeoff table with responsive, full-coloured design */}
<div className="space-y-3">
<span className="text-[10px] font-bold uppercase tracking-widest text-[#706F6C] block">Evaluation Matrix:</span>
<table className="w-full text-left text-xs border border-[#E5E4E0] bg-white">
{/* Render dynamically mapped structured rows with styled rating circles */}
</table>
</div>
High-Contrast Editorial Aesthetic We designed the application to read like a print newspaper or academic journal.
Color Palette: Grounded in soft creams (#FAF9F6), warm card backings (#F1F0EC), deep ink blacks (#1A1A1A), and muted charcoal grays (#706F6C).
Type Pairing: High-contrast, wide Inter sans-serif font for indicators and cards, paired with elegant, bookish Playfair Display italic headings for quote blocks and core choices.
Project Links & Access Explore the system live, stress-test your current ideas, and print your strategic life dossier:
Interactive App Dev Sandbox: Access Clarity Preview
Hackathon Shared Preview: Access Clarity Shared
Log in or sign up for Devpost to join the conversation.