Updated the "Using FlowDocs in LLMs" page to be LLM agnostic

docs/tutorials/ai-plus-flow/chatgpt/index.md

@@ -4,6 +4,7 @@ sidebar_label: Use ChatGPT
 sidebar_position: 2
 keywords:
   - ChatGPT
+  - Gemini
   - AI
   - OpenAI
   - Flow documentation
@@ -16,11 +17,11 @@ keywords:
   - Flow AI assistance
 ---
 
-# Use Flow Knowledge Base in ChatGPT
+# Use Flow Knowledge Base in Custom LLMs
 
-[ChatGPT] is an AI assistant developed by [OpenAI] that can help with tasks such as writing, coding, and answering questions. It adapts to context and user input to provide relevant, conversational responses. ChatGPT can be integrated into developer tools or workflows to assist with documentation, debugging, and productivity.
+LLMs can help with tasks such as writing, coding, and answering questions. It adapts to context and user input to provide relevant, conversational responses. They can be integrated into developer tools or workflows to assist with documentation, debugging, and productivity.
 
-This guide walks you through creating a **Custom GPT** using ChatGPT that can reference the [Flow Data Sources] file to answer questions.
+This guide walks you through creating a **Custom LLM**, such as [ChatGPT]'s GPTs or [Gemini]'s Gems, that can reference the [Flow Data Sources] file to answer questions.
 
 <div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%' }}>
   <iframe 
@@ -35,60 +36,59 @@ This guide walks you through creating a **Custom GPT** using ChatGPT that can re
 
 :::warning
 
-You'll need a [ChatGPT Plus subscription] to use the **Custom GPT** feature.
+You'll need a [ChatGPT Plus subscription] to use the **Custom GPT** feature or a [Gemini Pro subscription] to use the **Custom Gem** feature.
 
 :::
 
-## 📍 Step 1: Open the "Explore GPTs" Section
+## Step 1: Open the "Custom LLM" Section
 
-1. Log in to [ChatGPT].
-2. In the sidebar on the left, click **Explore GPTs**.
+1. Log in to [ChatGPT] or [Gemini]
+2. In the sidebar on the left
+  - If using ChatGPT, click on **GPTs**
+  - If using Gemini, click on **Explore Gems**
 
-![explore gpts](explore-gpts.png)
+<img width="462" alt="Screenshot 2025-06-12 at 15 12 17" src="https://github.com/user-attachments/assets/74513927-fea2-46e2-9602-43bd726f525c" />
+<img width="462" alt="Screenshot 2025-06-12 at 15 11 56" src="https://github.com/user-attachments/assets/144dab4b-c0e9-4511-9af4-fccc282a97f7" />
 
 ---
 
-## 📍 Step 2: Click "Create a GPT"
+## Step 2: Click "Create a GPT"
 
-1. In the **Explore GPTs** screen, click the **"Create"** button in the top-right corner.
+- In the **GPTs** screen, click the **"Create"** button in the top-right corner.
+- In the **Explore Gems** screen, click the **New Gem** button in the center-right of the screen. 
 
-![create](create.png)
+<img width="202" alt="Screenshot 2025-06-12 at 15 15 18" src="https://github.com/user-attachments/assets/e7455803-6e8f-4d29-af33-2cde3f077696" />
+<img width="202" alt="Screenshot 2025-06-12 at 15 15 33" src="https://github.com/user-attachments/assets/d22647a3-4a86-4f8e-b61a-9b7ebd6eea24" />
 
----
-
-## 📍 Step 3: Walk Through the GPT Builder
-
-ChatGPT will now guide you through a conversation to set up your custom GPT. First, drag and drop the [Flow Data Sources All Merged] file into the prompt.
-
-### Suggested Prompt
-
-```text
-I want to make a GPT called FlowGPT that uses the linked file as it's primary source.  This file changes, so it should reference the live file at least once a day:  https://github.com/onflow/Flow-Data-Sources/blob/main/merged_docs/all_merged.md
-```
 
 ---
 
-## 📍 Step 4: Configure the GPT's Name and Instructions
+## Step 3: Walk Through the Agent Coniguration
 
-ChatGPT may ask you to customize or verify:
+- If using ChatGPT, click on the **Configure** button before proceeding.
 
-- **Name and description** of your GPT
-- **Instructions**: Tell it how to behave and what to prioritize (e.g., always reference the uploaded document)
-- **Capabilities**: Enable file browsing, code interpreter, or DALL·E if needed
+1. Fill the **Name and description** of your custom LLM.
+    - You can name the agent **FlowDocs** and set the description as: **Provides knowledge about building on Flow**.
+3. **Instructions**: Tell it how to behave and what to prioritize (e.g., always reference the uploaded document)
+4. **Capabilities**: Enable file browsing, code interpreter, or DALL·E if needed
 
-We've found it helpful to suggest:
+### Suggested Prompt
 
 ```text
+I want to make an agent called FlowDocs that uses the linked file as its primary source.  This file changes, so it should reference the live file at least once a day:  https://github.com/onflow/Flow-Data-Sources/blob/main/merged_docs/all_merged.md
+
 Please imagine you are a fast and smart junior developer who is eager to help and has memorized all the information in the linked file
 ```
 
 Please let us know if you find any other useful customization prompts!
 
+- You can further customize your personalized agent by providing more files and determining the actions it can do.
+
 ---
 
 ## 📍 Step 5: Test Your GPT
 
-Once the GPT is built, you'll be taken to a preview chat window. Test it by asking a few questions based on your uploaded document.
+Once the personalized agent is built, you'll be taken to a preview chat window. Test it by asking a few questions based on your uploaded document.
 
 ---
 
@@ -106,7 +106,9 @@ When you're ready:
 You've now created a custom GPT that references your uploaded file as a primary source. You can update the file or instructions later if needed.
 
 [ChatGPT]: https://chatgpt.com/
+[Gemini]: https://gemini.google.com/app
 [OpenAI]: https://openai.com/
 [ChatGPT Plus subscription]: https://chat.openai.com
+[Gemini Pro subscription]: https://gemini.google/subscriptions/
 [Flow Data Sources]: ../flow-data-sources.md
 [Flow Data Sources All Merged]: https://github.com/onflow/Flow-Data-Sources/blob/main/merged_docs/all_merged.md