Skip to content

Commit 304c210

Browse files
committed
updated agent screenshots
1 parent e9e827a commit 304c210

File tree

6 files changed

+10
-43
lines changed

6 files changed

+10
-43
lines changed

articles/ai-foundry/how-to/develop/vs-code-agents.md

Lines changed: 10 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ content_well_notification:
88
- AI-contribution
99
ai-usage: ai-assisted
1010
ms.topic: how-to
11-
ms.date: 07/31/2025
11+
ms.date: 08/05/2025
1212
ms.reviewer: erichen
1313
ms.author: johalexander
1414
author: ms-johnalex
@@ -102,65 +102,32 @@ The following tools are available in the Azure AI Foundry VS Code extension:
102102
- [OpenAPI Specified tools](/azure/ai-services/agents/how-to/tools/openapi-spec?tabs=python&pivots=overview)
103103
104104
105-
#### Configure the tools YAML file
106-
107-
The Agent Designer adds the **Grounding With Bing Search tool** and **OpenAPI 3.0Specified tool** to an AI Agent via .yaml files.
108-
109-
Create a tool configuration .yaml file using the following steps:
110-
111-
1. Choose a tool from the [available tools for Azure AI Agents](#available-tools-for-azure-ai-agents-in-the-azure-ai-foundry-vs-code-extension). Perform any setup steps that might be required. For example, [Grounding with Bing search](/azure/ai-services/agents/how-to/tools/bing-grounding?tabs=python&pivots=overview#setup).
112-
113-
1. Once you complete the setup, create a yaml code file that specifies the tool's configuration. For example, this format for Grounding with Bing Search:
114-
115-
```yml
116-
type: bing_grounding
117-
options:
118-
tool_connections:
119-
- >-
120-
/subscriptions/<Azure Subscription ID>/resourceGroups/<Azure Resource Group name>/providers/Microsoft.MachineLearningServices/workspaces/<Azure AI Foundry Project name>/connections/<Bing connection name>
121-
```
122-
1. Replace the placeholders in the connection string under the `tool_connections` section with your information:
123-
124-
- Azure Subscription ID
125-
- Azure Resource Group name
126-
- Azure AI Foundry Project name
127-
- Bing connection name
128-
129-
1. To save the .yaml file, select **File** > **Save** in the VS Code menu bar.
130-
131-
#### Connect the tools file to the AI Agent
105+
#### Add a tool to the AI Agent
132106
133107
Add a tool to the AI Agent with the following steps:
134108
135109
1. Select the **Add tool** button in the top-right corner of the **TOOL** section in the designer to show the dropdown. Choose the tool you want to add.
136110
137111
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/agent-tool-plus.png" alt-text="Screenshot of the Agent designer TOOL section with the plus icon highlighted." lightbox="../../media/how-to/get-started-projects-vs-code/agent-tool-plus.png":::
138112
139-
Your experience might vary depending on the tool you selected.
140113
141-
1. If you select the **Code interpreter** or **File upload** tool, the designer displays the appropriate pane to configure the tool, as in the following images:
114+
1. The designer displays the appropriate pane to configure the tool, as in the following images:
142115
143116
Code interpreter tool dialog box:
144117
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/agent-ci-tool-dialog.png" alt-text="Screenshot of the Code interpreter tool dialog box." lightbox="../../media/how-to/get-started-projects-vs-code/agent-ci-tool-dialog.png":::
145118
146119
File upload tool dialog box:
147120
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/agent-file-search-tool-dialog.png" alt-text="Screenshot of the File upload tool dialog box." lightbox="../../media/how-to/get-started-projects-vs-code/agent-file-search-tool-dialog.png":::
148-
149-
1. After entering the required information, select the **Upload and save** button in the bottom-left corner.
150121
151-
1. If you select the **Grounding with Bing Search** or **OpenAPI 3.0 Specified** tools, a dialog box appears to configure the tool connection.
122+
Grounding with Bing Search dialog box:
123+
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/agent-bing-tool-dialog.png" alt-text="Screenshot of the Grounding with Bing Search tool dialog box." lightbox="../../media/how-to/get-started-projects-vs-code/agent-bing-tool-dialog.png":::
152124
153-
1. In the file explorer that appears, select the .yaml tool file to use. Select the **Select a tool file** button to add the tool to the agent.
154-
155-
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/agent-select-tool-file.png" alt-text="Screenshot of the file explorer with the selected file and the 'Select a tool file' button highlighted." lightbox="../../media/how-to/get-started-projects-vs-code/agent-select-tool-file.png":::
156-
157-
1. The tool is displayed in the **TOOL** section.
158-
159-
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/agent-added-tool.png" alt-text="Screenshot of the Agent designer TOOL section with the new tool highlighted." lightbox="../../media/how-to/get-started-projects-vs-code/agent-added-tool.png":::
160-
161-
1. To save the tool .yaml file, select **File** > **Save** in the VS Code menu bar.
125+
OpenAPI 3.0 Specified dialog box:
126+
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/agent-openapi-tool-dialog.png" alt-text="Screenshot of the OpenAPI 3.0 Specified tool dialog box." lightbox="../../media/how-to/get-started-projects-vs-code/agent-openapi-tool-dialog.png":::
162127
163-
### Create Azure AI Agents on the Azure AI Foundry Studio
128+
1. After entering the required information, select the **Upload and save** button in the bottom-left corner.
129+
130+
### Create Azure AI Agents on the Azure AI Foundry Studio
164131
165132
Create your agent directly on Azure AI Foundry with the following steps:
166133
130 KB
Loading
73.6 KB
Loading
2.39 KB
Loading
-865 Bytes
Loading
2.61 KB
Loading

0 commit comments

Comments
 (0)