Noir AI: Dream Detective

A cynical 1940s AI detective that interrogates you about your weird dreams and dynamically builds a visual "evidence board" to crack the case of your subconscious

Comment

Inspiration

Let's face it: dreams are weird. One minute you're eating a sandwich, the next you're being chased through a subway by a giant floating waffle wearing a top hat. Standard "dream dictionary" apps are boring and clinical. We wanted to build something wildly entertaining for the "Surprise Us!" category. What if, instead of a generic chatbot, your dream was treated like a high-stakes crime scene? We were inspired by classic 1940s Noir films and wanted to see if we could push MeDo's natural language app-generation beyond a standard layout into a fully gamified, interactive roleplay experience.

What it does

Noir AI: Dream Detective is a fully interactive, retro-styled web app where an AI detective interrogates you to crack the "case" of your weirdest dreams.

  • The Interrogation Room (Multi-turn Chat): You sit down with Det. Jack Malone, a highly cynical, fast-talking 1940s AI detective. He roasts you, asks probing questions, and forces you to recall the bizarre details of your subconscious.
  • The Dynamic Evidence Board: This isn't just a chat wrapper! As you speak, the app dynamically extracts key entities (suspects, objects, locations) and auto-populates a visual "Evidence Board" on the right side of the screen with sticky notes and clues.
  • The Verdict: Once Malone has enough clues, you can hit "Case Closed" to generate a hilarious, pseudo-psychological final report of what your dream actually meant.

How we built it

We built the entire application using MeDo without writing traditional code.

  1. Natural Language Generation: We started with a "Mega-Prompt" in MeDo, detailing a strict 2-column UI layout (The Interrogation Room vs. The Evidence Board). We specified the exact color palette (charcoal, sepia, faded yellow) and typewriter typography to nail the Noir aesthetic.
  2. AI Persona Engineering: We heavily customized the system prompt to force the MeDo AI to adopt 1940s slang ("dame", "flatfoot", "straight dope") and explicitly instructed it never to break character.
  3. Dynamic State Management: We iterated with MeDo to connect the chat interface to the visual UI, ensuring that when the AI recognized a bizarre dream object, it would trigger a visual update on the Evidence Board.

Challenges we ran into

  • Credit Management: Because we were having so much fun iterating on the UI and making the AI's responses funnier, we had to be incredibly strategic with our MeDo credits! We learned to write highly specific, targeted prompts to fix small bugs without regenerating the whole app.
  • Breaking the Chatbot Mold: Most AI generators want to build standard dashboards or generic chat windows. Forcing the platform to maintain a strict 1940s UI aesthetic while simultaneously managing an interactive, real-time "corkboard" required careful prompting and leveraging MeDo's visual editing capabilities.

Accomplishments that we're proud of

  • The Vibe: We are incredibly proud of how visually striking the app is. It genuinely feels like stepping into a gritty 1940s detective movie.
  • Det. Malone's Personality: The AI doesn't just feel like ChatGPT; it feels like a distinct, funny, and slightly unhinged character.
  • The Evidence Board: Successfully getting the app to parse conversational unstructured text (a dream) and turn it into structured, visual UI elements (clues on a board) in real-time.

What we learned

We learned the incredible power of Prompt-Driven UI generation. By carefully describing CSS layouts (like Masonry grids) and visual themes (vintage typewriter) in natural language, MeDo can create highly bespoke interfaces. We also learned how to effectively chain multi-turn roleplay chat with dynamic dashboard updates.

What's next for Noir AI: Dream Detective

  • Image Generation Integration: Upgrading the Evidence Board to automatically generate black-and-white "police sketch" polaroids of the bizarre things you dream about using an Image API plugin.
  • Voice-to-Text: Allowing users to literally "spill the beans" by speaking into their microphone, having the app transcribe it with typewriter sound effects.
  • The Chief's Desk: A community gallery where users can publish their funniest "Solved Cases" and Evidence Boards for others to read.

Built With

Share this project:

Updates