Skip to content

Commit 5d4e87b

Browse files
committed
update image links for the first quest
1 parent e92010f commit 5d4e87b

File tree

1 file changed

+19
-19
lines changed

1 file changed

+19
-19
lines changed

.github/steps/1-genai-prototype.md

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ With GitHub Models, you can use GitHub Personal Access Tokens (PAT) to authentic
2626

2727
2. Click on **explore the full model catalog** to see the available models.
2828

29-
![GH Models full catalog](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/ghm-full-catalog.png?raw=true)
29+
![GH Models full catalog](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/jsai-buildathon-assets/ghm-full-catalog.png?raw=true)
3030

3131
You will see a broad range of models listed in the catalog.
3232

@@ -42,17 +42,17 @@ With GitHub Models, you can use GitHub Personal Access Tokens (PAT) to authentic
4242
- **Model Abstract:** A brief description of the model and its capabilities.
4343
- **Model Architecture:** The data used to train the model and their modalities for input and output _(text-image pairs)_, the model size _(parameters)_, model context length _(how much text the model can process at once)_, training date _(knowledge cut-off date/data freshness for the model)_, supported languages, and more.
4444

45-
![Model Architecture](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/model-readme.png?raw=true)
45+
![Model Architecture](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/jsai-buildathon-assets/model-readme.png?raw=true)
4646

4747
### B. Transparency Note
4848
- **Model Use cases:** Primary and out-of-scope use cases for the model, responsible AI considerations, content filtering configurations and more.
4949

50-
![Model Transparency notice](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/model-transparency-notice.png?raw=true)
50+
![Model Transparency notice](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/jsai-buildathon-assets/model-transparency-notice.png?raw=true)
5151

5252
### C. License
5353
- **Model License:** The license under which the model is released, including any restrictions on use or distribution.
5454

55-
![Model License notice](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/model-license.png?raw=true)
55+
![Model License notice](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/jsai-buildathon-assets/model-license.png?raw=true)
5656

5757
### D. Evaluation Report
5858
- **Model Benchmarks:** A summary of the model's performance on various benchmarks, including accuracy, speed, and other relevant metrics.
@@ -61,23 +61,23 @@ With GitHub Models, you can use GitHub Personal Access Tokens (PAT) to authentic
6161
- DROP - _Measures reading comprehension and numerical reasoning capabilities_
6262
- among others
6363

64-
![Model Evaluation](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/model-evaluation.png?raw=true)
64+
![Model Evaluation](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/jsai-buildathon-assets/model-evaluation.png?raw=true)
6565

6666
5. After selecting a model and reviewing the model card, you can use the **Playground** to experiment with the model. The playground provides a user-friendly interface for testing the model's capabilities and understanding how it works.
6767

68-
![Playground button](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/model-playground-button.png?raw=true)
68+
![Playground button](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/jsai-buildathon-assets/model-playground-button.png?raw=true)
6969

7070
You can directly send questions (prompts) to the model and see how it responds. Throughout the session, you can monitor the token usage and the model's response time at the top of the chat UI.
7171

72-
![Playground token usage note](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/playground-token-usage.png?raw=true)
72+
![Playground token usage note](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/jsai-buildathon-assets/playground-token-usage.png?raw=true)
7373

7474
6. To check your token usage against your GitHub Models free quota (input/ output tokens, latency), click on the **Input: Output: Time** note at the top right of the chat UI to open Model usage insights.
7575

76-
![Playground token usage card](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/model-usage-insights.png?raw=true)
76+
![Playground token usage card](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/jsai-buildathon-assets/model-usage-insights.png?raw=true)
7777

7878
7. Before going further, on the right side of the playground, switch from **Details** to **Parameters** to see the available parameters that you can adjust to change the model's behavior.
7979

80-
![Playground parameters](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/model-parameters.png?raw=true)
80+
![Playground parameters](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/jsai-buildathon-assets/model-parameters.png?raw=true)
8181

8282
The parameters include:
8383
- **Max Tokens:** The maximum number of tokens the model can generate in response to a prompt. Adjusting this parameter can help control the length of the model's output.
@@ -95,13 +95,13 @@ With GitHub Models, you can use GitHub Personal Access Tokens (PAT) to authentic
9595

9696
Click on the **Compare** button at the top right of the playground.
9797

98-
![Compare](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/compare-button.png?raw=true)
98+
![Compare](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/jsai-buildathon-assets/compare-button.png?raw=true)
9999

100100
Select the models you want to compare from the list of available models from the drop-down.
101101

102102
This will open a chat UI for the selected models side by side, and your prompt will be sent to both models.
103103

104-
![Compare chat example](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/compare-chat.png?raw=true)
104+
![Compare chat example](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/jsai-buildathon-assets/compare-chat.png?raw=true)
105105

106106
In the example provided, you can compare the performance of a reasoning model and a conversation model on the same prompt to understand their strengths and limitations.
107107

@@ -130,18 +130,18 @@ Now that you have a better understanding of the models from the GitHub Models pl
130130

131131
1. On the far right, click on **Use this model** and select **Language: JavaScript** and **SDK: Azure AI Inference SDK**.
132132

133-
![Use model](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/use-this-model-button.png?raw=true)
133+
![Use model](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/jsai-buildathon-assets/use-this-model-button.png?raw=true)
134134

135135
Follow the instructions provided to:
136136
- Get a free developer key, (Personal Access Token (classic)) and store it in an environment variable either using bash, PowerShell or command line.
137137
- Install dependencies
138138
- Run basic code sample. **Ensure your local file is named `sample.js`**
139139

140-
![Run node sample file](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/node-sample.png?raw=true)
140+
![Run node sample file](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/jsai-buildathon-assets/node-sample.png?raw=true)
141141

142142
## 📌 Exercise: Convert a hand-drawn sketch to a web page
143143

144-
1. Download the contoso website hand-drawn sketch from [this link](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/contoso_layout_sketch.jpg), and save it `contoso_layout_sketch.jpg` in the same directory as your `sample.js` file.
144+
1. Download the contoso website hand-drawn sketch from [this link](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/jsai-buildathon-assets/contoso_layout_sketch.jpg), and save it `contoso_layout_sketch.jpg` in the same directory as your `sample.js` file.
145145

146146
> **Note**
147147
>
@@ -152,11 +152,11 @@ Now that you have a better understanding of the models from the GitHub Models pl
152152
> **Note**
153153
> You can use [GitHub Copilot](https://github.com/features/copilot) to help you with this task.
154154
>
155-
> ![Update code with GitHub Copilot](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/github-copilot.png?raw=true)
155+
> ![Update code with GitHub Copilot](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/js-ai-journey-assets/github-copilot.png?raw=true)
156156
157157
3. Run the code and check the output in the console.
158158
159-
![Run sample passing image](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/run-sample-for-code.png?raw=true)
159+
![Run sample passing image](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/js-ai-journey-assets/run-sample-for-code.png?raw=true)
160160
161161
## 🧰 Use AI Toolkit in VS Code
162162
@@ -166,7 +166,7 @@ The AI Toolkit in Visual Studio Code is a powerful extension that provides a set
166166
167167
2. Similar to GitHub Models, with the AI Toolkit now installed, you can browse through the catalog of available models, and use the **Playground** to experiment with the models, all on VS Code.
168168
169-
![AI Toolkit catalog](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/ai-toolkit.png?raw=true)
169+
![AI Toolkit catalog](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/js-ai-journey-assets/ai-toolkit.png?raw=true)
170170
171171
Let's execute the exercise above using the AI Toolkit in VS Code.
172172

@@ -176,13 +176,13 @@ The AI Toolkit in Visual Studio Code is a powerful extension that provides a set
176176

177177
4. On the generated code, click on the **New file** icon to copy the generated code into a new file. Save it as `index.html` in the same directory as your `sample.js` file.
178178

179-
![AI Toolkit -html](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/ai-toolkit-html.png?raw=true)
179+
![AI Toolkit -html](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/js-ai-journey-assets/ai-toolkit-html.png?raw=true)
180180

181181
Do the same for the CSS code and save it as `style.css` in the same directory.
182182

183183
You can preview the generated code and iterate on the code to improve it (optionally using GitHub Copilot).
184184

185-
![AI Toolkit - html preview](https://github.com/juliamuiruri4/JS-Journey-to-AI-Foundry/blob/assets/js-ai-journey-assets/html-preview.png?raw=true)
185+
![AI Toolkit - html preview](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/js-ai-journey-assets/html-preview.png?raw=true)
186186

187187
## ✅ Activity: Push `sample.js` code to your repository
188188

0 commit comments

Comments
 (0)