Ally - Chrome Extension

An accessibility Chrome extension that adapts web pages based on user profiles using AI (Gemini).

Features

• Four Accessibility Profiles:

  • Visually Challenged
  • Hearing Impaired
  • Motor Impaired
  • Autistic

• AI-Powered DOM Modifications: Uses Gemini AI to intelligently modify web pages based on the selected profile

• Local Storage: Profile selection is stored locally (no authentication required)

Setup

1. Install dependencies:

npm install

2. Build the extension:

npm run build

3. For development with watch mode:

npm run dev

Loading the Extension

1. Open Chrome and navigate to chrome://extensions/
2. Enable "Developer mode" (toggle in top right)
3. Click "Load unpacked"
4. Select the dist folder

Project Structure

ally/
├── src/
│   └── popup/
│       ├── index.jsx          # React entry point
│       ├── App.jsx            # Main popup component
│       ├── components/        # React components
│       └── styles.css         # Popup styles
├── manifest.json              # Extension manifest
├── background.js              # Background service worker
├── content.js                 # Content script for DOM modification
├── webpack.config.js          # Webpack configuration
└── package.json               # Dependencies

Development

The extension uses React for the popup UI and vanilla JavaScript for content and background scripts. The build process uses Webpack to bundle React components.

AI Integration

The AI agent integration (Gemini API) is structured but not yet fully implemented. The exact methods for DOM modification will be added based on the AI agent's response format.

License

MIT