Skip to content

Latest commit

 

History

History
105 lines (79 loc) · 2.8 KB

README.md

File metadata and controls

105 lines (79 loc) · 2.8 KB
Raw

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.

image

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
git clone https://github.com/oslook/chrome-ai-playground.git
cd chrome-ai-playground
  1. Install dependencies
npm install
# or
yarn install
# or
pnpm install
  1. Start the development server
npm run dev
# or
yarn dev
# or
pnpm dev
  1. Open 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 file for details.

Acknowledgments 🙏

  • Chrome AI team for providing the APIs
  • Gemini Nano for advanced AI capabilities
  • All contributors who help improve this playground