GitHub Models JavaScript Playground

⭐ If you like this repo, star it on GitHub — it helps a lot!

Overview • Usage • Run the samples • Next steps • Resources

Overview

Try out generative AI models right in your browser for free using this playground! ✨

Using GitHub Codespaces and GitHub Models, you'll be able to run LLMs (Large Language Models) such as Open AI GPT-4o directly in your browser, without having to install anything.

Usage

This project is designed to be opened in GitHub Codespaces, which provides you a pre-configured environment to run the code and AI models. Follow these steps to get started:

1. Click on the "Codespaces: Open" button:
   
2. Once the Codespace is loaded, it should have everything pre-installed, including the OpenAI Node SDK.
3. Open the file notebook.ipynb in the editor and follow the instructions.

Tip

While you're following the instructions of the interactive notebook, you can run the code cells by clicking on the "Execute cell" (▶️) button in the top left corner of the cell. You can also edit the code and run it again to see how the model responds to different inputs.

Run the samples

In the samples folder of this repository, you'll find examples of how to use generative AI models using the OpenAI Node.js SDK. You can run them by executing the following command in the terminal:

tsx samples/<filename>

Alternatively, you can open a sample file in the editor and run it directly by clicking the "Run" (▶️) button in the top right corner of the editor.

Next steps

Once you're comfortable with this playground, you can explore more advanced topics and tutorials:

• Generative AI for beginners [course]: a complete guide to learn about generative AI concepts and usage.
• Generative AI with JavaScript [tutorials, videos, samples]: a collection of resources to learn about generative AI with JavaScript.
• Phi-3 Cookbook [tutorials, samples]: hands-on examples for working with the Phi-3 model.

When you're ready to explore how you can deploy generative using Azure, you should check out these resources:

• Quickstart: Get started using GPT-35-Turbo and GPT-4 with Azure OpenAI Service [tutorial]: a tutorial to get started with Azure OpenAI Service.
• Build a serverless AI chat with RAG using LangChain.js [sample]: a next step tutorial to build an AI chatbot using Retrieval-Augmented Generation and LangChain.js.

Resources

Here are some additional resources to help you learn more about generative AI:

• Awesome Generative AI [links]: a curated list of resources about generative AI.
• Fundamentals of Responsible Generative AI [course]: a training module to learn about the responsible use of generative AI.
• Azure AI Studio [tool]: a web portal to create, train, deploy and experiment with AI models.

Other playgrounds

• Ollama JavaScript Playground
• Ollama Python Playground
• Ollama C# Playground