lightning-joyce / chromeai

Chrome Built-in AI Demo page
https://chromeai.co
MIT License
119 stars 15 forks source link
ai chatbot chrome chromeai gemini nextjs

Chrome AI

Stargazers Follow Twitter

Overview

Chrome AI is a demo project that runs large language models locally within the browser. It showcases the capabilities of modern web technologies to leverage advanced AI functionalities directly in the browser environment without needing server-side processing.

Features

Getting Started

Prerequisites

How to Set Up Built-in Gemini Nano in Chrome

  1. Install Chrome Canary: Ensure you have version 127. Download Chrome Canary.
  2. Enable Prompt API: Open chrome://flags/#prompt-api-for-gemini-nano, set it to "Enabled".
  3. Enable Optimization Guide: Open chrome://flags/#optimization-guide-on-device-model, set it to "Enabled BypassPerfRequirement". Restart the browser.
  4. Download Model: Go to chrome://components/, find "Optimization Guide On Device Model", ensure it’s fully downloaded. If the version is "0.0.0.0", click "Check for update".
  5. Troubleshoot: If the "Optimization Guide On Device Model" is not displayed, disable the settings in steps 2 and 3, restart your browser and re-enable it.
  6. Verify Setup: Open a webpage, press F12, and check window.ai in the console.

Test Code:

const model = await window.ai.createTextSession();
await model.prompt("Who are you?");

Usage

Clone the repository:

git clone https://github.com/yourusername/chromeai.git
cd chromeai
pnpm i
pnpm dev

Open localhost:3000 in your browser to start using the AI.

Contributing

We welcome contributions! Please fork the repository and submit pull requests. For major changes, please open an issue first to discuss what you would like to change.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

For any questions or feedback, please contact Lightning Joyce on Twitter.