FocusFlow AI

Inspiration

In a world full of digital distractions, we often find ourselves drifting from productive work to mindless scrolling — and traditional productivity tools just aren’t helping. They block websites, set timers, or shame you for breaking focus — but they don’t understand why you're distracted or how to support you when you are.

We wanted to flip that narrative.

FocusFlow AI is our take on a motivational, non-judgmental browser companion. It doesn't punish you for being human — it gently nudges you back to your goals using intelligence, empathy, and a little celebration along the way.

What it does

FocusFlow AI is a Chrome extension that:

Tracks when you drift from focus sites (like Notion, LeetCode) to distractions (like YouTube, Reddit)
Uses Gemini 1.5 Pro to classify site context and generate personalized motivational nudges
Offers users choices:
Refocus now (and get redirected with confetti!)
Stay on the distraction — with a second prompt: “Want a 15-min reminder or just relaxing?”

If you choose to be reminded, FocusFlow pings you again later. If you want to relax, it respects your space. This isn't about blocking — it's about building focus habits, one gentle nudge at a time.

How we built it

Tech Stack:

Chrome Extension (Manifest V3)
JavaScript, HTML, CSS for in-tab interaction
Gemini 1.5 Pro API for:
Site classification
Context-aware motivational message generation
Modular AI agent structure (site classifier, message generator, reminder handler)

We built features like:

Real-time site classification using tab title and URL
In-page motivational popups
User decision flow with customizable reminders

Challenges we ran into

LLM response quality: Ensuring Gemini gave emotionally supportive, varied nudges required careful prompt design and fallback handling.
Extension messaging: Passing messages between background, content, and popup scripts with correct timing was tricky.
Maintaining smooth UX: We had to make sure nudges felt natural and supportive, not annoying or intrusive — especially when users are already stressed.

Accomplishments that we're proud of

Built a fully functional Chrome extension that uses Gemini 1.5 Pro to detect distraction and generate personalized motivational nudges.
Designed a choice-based flow that empowers users to refocus immediately or take a break with an optional reminder.
Developed a modular AI agent architecture for behavior tracking, site classification, and real-time intervention.
Created a motivation-first UX that supports focus with kindness, not guilt — shifting the narrative of productivity tools.

What we learned

How to integrate LLMs (Gemini) into browser-based workflows
Designing AI agents that respond to human behavior with kindness, not control
Deepened our knowledge of Chrome extension APIs, tab monitoring, and in-browser UX design
That building supportive tech isn't just about code — it's about emotionally aware experiences