← Back to projects

Assistive Touch AI Widget

AI + Productivity / Accessibility
Next.jsTypeScriptService WorkerOpenAITTS/STT
Assistive Touch AI Widget cover

Floating web-based widget for instant AI actions: summarize, translate, Q&A, schedule assist — inspired by iOS AssistiveTouch. Works across browser tabs and web applications.

Problem

AI tools often require users to switch between applications or manually copy text, disrupting workflows and harming accessibility. Users need a seamless way to invoke AI assistance—summarization, translation, Q&A—without breaking focus. Current solutions force users to leave their current context, which is especially problematic for users with disabilities or those working across multiple applications.

Overview

This project creates a floating, web-based AI widget inspired by iOS AssistiveTouch. It provides instant access to AI-powered actions across browser tabs and web applications, making AI assistance unobtrusive, fast, and accessible. The widget remains available while browsing and can be positioned anywhere on the screen for optimal accessibility.

How It Works (Approach)

A browser-based service worker listens for user interactions—including text selection, voice commands, or widget taps—and forwards requests to an AI model via API. The widget processes the input, generates responses, and displays them in a small, non-invasive popover that can be dismissed or expanded. The system maintains conversation context and supports multiple action types (summarize, translate, answer questions, schedule assistance) without requiring users to switch between different web applications.

Impact / Value

The widget improves productivity and accessibility by reducing the friction of using AI tools. It benefits users who multitask heavily, as well as those who rely on assistive technology for mobility or cognitive support. By eliminating context switching, the tool helps users maintain focus and work more efficiently, while making AI assistance more accessible to people with disabilities.

Key Features

  • Floating, cross-app AI interface
  • Instant summarization, translation, and Q&A
  • Voice and touch input support
  • Non-intrusive response overlay
  • Cross-platform accessibility design