CogniFlow
CogniFlow is a neuro-adaptive intelligence layer designed to dismantle the barriers between digital content and human understanding. Engineered for the modern age of information overload, it transforms static web pages into fluid, accessible experiences. Addressing 'Cognitive Drift', where attention fragments and comprehension fades—the solution deploys a Generative AI Simplification Engine and a suite of Sensory Shields. It harmonizes advanced accessibility features like Bionic Reading and Focus Masks to prioritize deep understanding over mere consumption, serving as a dedicated co-pilot for your mind.
7
Tech Stack
8
Key Features
Technologies Used
React 19
Tailwind CSS v4
Vite
CRXJS
Google Gemini 1.5 Flash
TypeScript
React Hooks
1 / 9
Key Features
- ●Instant Summaries: Generates a concise TL;DR of any webpage using Google Gemini 1.5 Flash.
- ●Contextual Explanations: Select any text to get a simple, jargon-free definition or explanation instantly.
- ●Live Page Spotlight: Highlights key phrases from the summary directly on the webpage, bridging the abstract summary with the concrete content.
- ●Bionic Reading (Focus Mode): Enhances text by bolding the first few letters of every word, guiding the eye's fixation points to increase reading speed and retention.
- ●Smart Semantic Color: Automatically identifies and highlights Important Words (Concepts, Names, Places) in Warm Rose, helping users scan for meaning rather than just reading linearly.
- ●Reading Ruler: A digital guide that follows the mouse, dimming the rest of the page to isolate the current line of text.
- ●Professional Dyslexia Support: Switches page fonts to Verdana or OpenDyslexic with optimized line (1.7) and letter (0.04em) spacing to prevent text from 'swimming'.
- ●Adaptive Themes: High Contrast Dark Mode and Sepia Mode to reduce eye strain and blue light exposure.