Created by Emi Yee and Jennifer Ju
A Chrome extension that rebuilds any webpage in real-time to match your cognitive profile. Supports ADHD, Dyslexia, Visual Impairment, Sensory, Focus, and Motor profiles — combinable, instantly applied, and free to use.
| Profile | What it does |
|---|---|
| ⚡ ADHD | AI summary banner at the top of every page + blurs ads |
| 📖 Dyslexia | OpenDyslexic font + adjusted spacing and line height |
| 👁 Visual | High contrast mode + larger text |
| 🌿 Sensory | Stops all animations, mutes videos, desaturates colors |
| 🎯 Focus | Dims sidebars, navbars, and distractions |
| 🖱️ Motor | Enlarges buttons and click targets |
Extra tools: Reading ruler · Hide images · Summarize on demand · Focus scroll highlight
- Go to the GitHub repository
- Click the green Code button
- Click Download ZIP
- Unzip the downloaded file somewhere on your computer (e.g. your Desktop)
The ADHD summarization feature uses Groq's free AI API. You need a key to use it.
- Go to console.groq.com
- Click Sign Up and create a free account
- Once logged in, click API Keys in the left sidebar
- Click Create API Key
- Give it any name (e.g. "Cognitive Load Optimizer")
- Copy the key — it starts with
gsk_... - Save it somewhere safe — you won't be able to see it again
The free tier includes generous limits — more than enough for personal use and demos.
The Dyslexia profile requires the OpenDyslexic font file.
- Go to opendyslexic.org and download the font, or find
OpenDyslexic-Regular.otfonline - Rename the file to exactly
OpenDyslexic-Regular.otf - Place it inside the
fonts/folder in the extension directory
- Open Chrome and go to chrome://extensions
- In the top right corner, turn on Developer mode (toggle switch)
- Click Load unpacked (top left)
- Select the unzipped extension folder (the one containing
manifest.json) - The extension should appear with the FocusFlow icon in your toolbar
If you don't see the icon in the toolbar, click the puzzle piece 🧩 icon in Chrome's top bar and pin Cognitive Load Optimizer
- Click the FocusFlow icon in your Chrome toolbar
- Paste your Groq API key into the Groq API key field
- Select one or more cognitive profiles by clicking them (they highlight when active)
- Toggle any extra tools you want (reading ruler, hide images, etc.)
- Click Save settings
- The settings apply instantly to whatever tab you're on — no reload needed
- Switch profiles at any time — just open the popup, click a profile on or off, and hit Save
- Test it on Wikipedia — go to any long article (e.g. en.wikipedia.org/wiki/Climate_change) with ADHD mode on and watch the summary banner appear at the top
- Summarize on demand — enable the toggle, then click the ✦ Summarize button that appears next to any paragraph
- Reading ruler — enable the toggle, then move your mouse over any page to see the highlight band follow your cursor
| Feature | Best site |
|---|---|
| ADHD summary | en.wikipedia.org |
| Dyslexia font | medium.com or bbc.com/news |
| Visual contrast | reddit.com |
| Sensory mode | youtube.com |
| Focus mode | cnn.com |
| Reading ruler | Any long article |
| Hide images | buzzfeed.com |
- Chrome Extension Manifest V3 — content scripts, service worker, storage API
- Web Worker — off-thread scroll tracking for focus highlight
- Groq API (Llama 3.1 8B Instant) — 131K context window, free tier
- OpenDyslexic — open source font for dyslexia accessibility
- Vanilla JS + CSS injection — no frameworks, works on any website
- Your API key is stored locally in Chrome's sync storage
- No data is ever sent anywhere except directly to Groq for summarization
- The extension has no analytics, no tracking, and no external dependencies
- Groq's free tier does not use your data for training
Summary says "Could not summarize — check your API key"
→ Open the popup and re-paste your Groq key, then click Save. Make sure the key starts with gsk_.
Extension not doing anything on a page
→ Go to chrome://extensions, click the refresh icon on the extension, then close and reopen the tab.
Dyslexia font not loading
→ Make sure the font file is named exactly OpenDyslexic-Regular.otf and is inside the fonts/ folder.
Changes not applying instantly → Try clicking Save again in the popup. If it still doesn't work, reload the tab once.
🏆 Health Track — DiamondHacks 2026
"Making the web accessible for every mind — one profile at a time."