Skip to content

Demo project showcasing the integration and usage of Chrome’s built-in Gemini Nano AI through the window.ai interface.

License

Notifications You must be signed in to change notification settings

ADROITAKASH/chrome-ai

Repository files navigation

Next.js 14 and App Router Semantic Search.

AI chatbot demo using Google's Gemini Nano, running entirely in Chrome without server dependencies.

Explore Features · Setup Guide · Local Deployment

Medium Article


System Requirements

Ensure your system meets the following specifications to utilize Chrome AI effectively:

  • Browser: Chromium-based (Google Chrome, Brave, Microsoft Edge) version 127 or higher.

Setup Instructions

Install and Configure

  1. Install Chrome Canary: Required version 127 or above. Download here.
  2. Enable Prompt API: In Chrome, navigate to chrome://flags/#prompt-api-for-gemini-nano and set it to "Enabled".
  3. Enable Optimization Guide: Navigate to chrome://flags/#optimization-guide-on-device-model, setting it to "Enabled BypassPerfRequirement".
  4. Restart Browser: Necessary for changes to take effect.
  5. Download Model: Navigate to chrome://components/, locate "Optimization Guide On Device Model", and click "Check for update" if it shows "0.0.0.0".

Verification

Open any webpage, press F12 to open the console, and type window.ai to check the setup.

Sample Code

const session = await window.ai.createTextSession();
await session.prompt("What can you do?");

Troubleshooting

If you encounter issues accessing window.ai or missing "Optimization Guide On Device Model" option:

  • Try disabling and re-enabling the aforementioned options in chrome://flags.
  • Restart your computer completely and then attempt to access window.ai again.

Local Deployment

To run this project locally, follow these steps:

git clone git@github.com:ADROITAKASH/chrome-ai.git
cd chrome-ai

yarn
yarn dev

Deep Dive

Learn more about the capabilities of in-browser AI by reading our detailed blog post on Medium.

Contributions

Your contributions can help this project grow. Feel free to submit feature enhancements, bug fixes, or new ideas through our GitHub repository.

Licensing

This project is open-sourced under the MIT License. Review the LICENSE for more details.

Stay Connected

For the latest updates, follow me on Twitter and Instagram.

About

Demo project showcasing the integration and usage of Chrome’s built-in Gemini Nano AI through the window.ai interface.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published