https://github.com/oslook/chrome-ai-playground
The playground for all API supported by Chrome AI and Gemini Nano, making it the most comprehensive and user-friendly platform available.
https://github.com/oslook/chrome-ai-playground
chrome-ai chrome-api gemini gemini-ai gemini-nano gemini-nano-in-chrome
Last synced: 4 months ago
JSON representation
The playground for all API supported by Chrome AI and Gemini Nano, making it the most comprehensive and user-friendly platform available.
- Host: GitHub
- URL: https://github.com/oslook/chrome-ai-playground
- Owner: oslook
- License: mit
- Created: 2024-11-30T07:07:24.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-01-16T11:23:40.000Z (5 months ago)
- Last Synced: 2025-01-16T12:51:14.118Z (5 months ago)
- Topics: chrome-ai, chrome-api, gemini, gemini-ai, gemini-nano, gemini-nano-in-chrome
- Language: TypeScript
- Homepage: https://chromeai.oslook.com
- Size: 840 KB
- Stars: 24
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Chrome AI Playground 🚀
The playground for all API supported by Chrome AI and Gemini Nano, making it the most comprehensive and user-friendly platform available.
## Features 🎯
- **Prompt** - Interactive chat interface for testing prompts
- **Summarize** - Text summarization capabilities
- **Translate** - Language translation functionality
- **Detect Language** - Automatic language detection
- **Writer** - AI-powered writing assistance
- **ReWriter** - Content rewriting and refinement
## Tech Stack 💻
- Next.js 13+ with App Router
- React 18
- TypeScript
- Tailwind CSS
- Radix UI Components
- Shadcn/UI
- Lucide Icons
## Getting Started 🌟
### Prerequisites
- Node.js 16.8 or later
- npm or yarn or pnpm
### Installation
1. Clone the repository
```bash
git clone https://github.com/oslook/chrome-ai-playground.git
cd chrome-ai-playground
```
2. Install dependencies
```bash
npm install
# or
yarn install
# or
pnpm install
```
3. Start the development server
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
4. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Project Structure 📁
```
chrome-ai-playground/
├── app/ # Next.js app directory
│ ├── detect-language/ # Language detection feature
│ ├── prompt/ # Prompt testing interface
│ ├── rewriter/ # Content rewriting
│ ├── summarize/ # Text summarization
│ ├── translate/ # Translation feature
│ └── writer/ # Writing assistance
├── components/ # Reusable React components
│ └── ui/ # UI components
├── lib/ # Utility functions and helpers
└── public/ # Static assets
```
## Contributing 🤝
We welcome contributions to Chrome AI Playground! Here's how you can help:
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
### Development Guidelines
- Follow the existing code style and conventions
- Write meaningful commit messages
- Update documentation as needed
- Add tests for new features when possible
- Ensure all tests pass before submitting PR
## License 📄
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Acknowledgments 🙏
- Chrome AI team for providing the [APIs](https://docs.google.com/document/d/18otm-D9xhn_XyObbQrc1v7SI-7lBX3ynZkjEpiS1V04/edit?tab=t.0)
- Gemini Nano for advanced AI capabilities
- All contributors who help improve this playground