Charlie - Focus Extension

1 min read

Charlie in action

Overview

A Chrome extension that provides ambient accountability through a friendly observer named Charlie. Based on the Hawthorne Effect - people tend to perform better when they know they're being watched.

Expanded interface with text input and animated eyes

Expanded state with text input

Features

  • Eyes track cursor movement
  • Collapsible text input
  • Responsive expressions
  • Glass-morphic design
Charlie's different expressions

Different expressions Charlie can display

Technical Stack

  • Chrome Extension
  • CSS animations
  • Local storage
  • Cubic-bezier transitions
Collapsed state showing just the eyes

Collapsed state

Design Goals

  1. Stay visible but unobtrusive
  2. Provide subtle feedback
  3. Minimize distractions
  4. Feel natural

Try It Out

This is an experimental version for testing purposes only. Not recommended for production use.

Download Extension(ZIP)

To install:

  1. Unzip the downloaded file
  2. Open Chrome and go to chrome://extensions
  3. Enable "Developer mode" in the top right
  4. Click "Load unpacked" and select the unzipped folder
30k+ subscribers

Enjoyed this post?

Join creators and builders getting actionable AI tips every week.