DocsFocus

DocsFocus helps developers skim documentation faster by collapsing long text, highlighting keywords, and surfacing code examples.

DocsFocus helps developers scan dense technical documentation with less cognitive load and better focus. Perfect for developers who need stronger focus support, including those with dyslexia or attention-related challenges. ## ✨ Key Features ### 🎯 Smart Text Collapse Automatically collapses paragraphs longer than your chosen threshold (default: 400 chars) into concise summaries. Expand on demand with accessible controls. Never lose context. ### 💻 TL;DR Code Preview Surfaces the first relevant code block at the top of each section with a deep-link back to context. Scan examples faster without scrolling. ### 🔍 Semantic Keyword Highlighting Highlights technical keywords (`function`, `const`, `class`, `API`, etc.) in both prose and code blocks. Fully customizable keyword list. ### 📖 Reading Mask Overlay Optional visual focus overlay that follows your cursor/scroll position. Reduces distractions and helps maintain focus on current content. ### 📑 Collapsible Sections Expand/collapse documentation sections for better navigation through long documents. Keyboard navigation supported. ### 🧹 Layout Trimming Hides noisy banners and sidebars to reduce cognitive load. Focuses the content area for better reading experience. ### ♿ Accessibility First - WCAG 2.1 AA compliant - Full keyboard navigation - Screen reader compatible - Dyslexia-friendly reading mode ## 🎨 Built-in Presets Choose the reading mode that fits your needs: - **Balanced**: Default moderate approach (400 chars threshold) - **Skim**: Fast scanning with aggressive collapse (280 chars) - **Focus**: Deep reading with dyslexia mode (340 chars, reading mask) - **Deep**: Comprehensive analysis (520 chars, all features enabled) ## 🌐 Supported Documentation Sites Works automatically on 20+ major documentation platforms Can be manually enabled on any documentation (or non-documentation) site not in the default list. ## 🔒 Privacy First - ✅ **Zero telemetry** - No analytics, no tracking - ✅ **Local processing** - All features work offline in your browser - ✅ **No external requests** - Your data never leaves your device - ✅ **Open source** - Full code transparency ## ⚡ Performance Guaranteed - Activates in under 150ms per page - Efficient DOM operations - Clean memory management - Non-destructive content modification ## 🎯 Perfect For - Developers who need to scan docs quickly - Readers with dyslexia or attention challenges - Anyone who finds dense technical documentation overwhelming - Developers who spend hours reading API references ## 🚀 How to Use 1. Install DocsFocus 2. Navigate to any supported documentation site 3. Click the extension icon to enable Focus Mode 4. Choose your preferred preset (or customize in options) 5. Enjoy faster, more focused reading ## ⌨️ Keyboard Shortcut Toggle Focus Mode instantly with **Alt+Shift+F** (configurable in Chrome settings) ## 🛠️ Technical Details - Built with vanilla JavaScript (ES6+) - Manifest V3 compliant - No external dependencies - Accessibility-first design - Comprehensive error handling --- **Made for developers, by developers.** Try DocsFocus today and transform how you read technical documentation.