microsoft/Build26-DEM332-from-zero-to-teammate-in-25-minutes-build-a-teams-agent-live

microsoft/Build26-DEM332-from-zero-to-teammate-in-25-minutes-build-a-teams-agent-live

Description: Demo showing how to turn a web app into a Microsoft Teams agent using the Teams Developer CLI, coding agents, and Teams agent skills — from server inspection to onboarding link. From Microsoft Build 2026.

Language: TypeScript

License: MIT

Stars: 3

Forks: 0

Open issues: 1

Created: 2026-04-09T23:29:42Z

Pushed: 2026-06-13T01:45:56Z

Default branch: main

Fork: no

Archived: no

README:

Microsoft Build 2026

🔥 DEM332: From zero to teammate in 25 minutes - build a Teams agent live

Session Description

Learn how to turn a working web application into a Microsoft Teams agent in minutes. This demo shows how a coding agent, the Teams Developer CLI, and Teams agent skills can inspect an existing server, add Teams bot support, register the /api/messages endpoint, update the Teams app registration, and return an onboarding link with very little manual glue.

🚀 Getting started

If you're following this demo at your own pace:

• Clone this repository
• Set up your development environment
• Follow the demo instructions in [docs/01-convert-webapp-to-teams-agent.md](./docs/01-convert-webapp-to-teams-agent.md)

🧠 Learning Outcomes

By the end of this demo, you will be able to:

• Explain how an existing web app can become a Microsoft Teams agent
• Use the Teams Developer CLI and Teams agent skills to guide a coding agent through Teams integration
• Validate a Teams messaging endpoint, dev tunnel, app registration, and onboarding link

💬 Keep Learning with Copilot

Try these prompts with GitHub Copilot to explore the topics from this demo. Open Copilot Chat in Visual Studio Code (Ctrl+Alt+I on Windows/Linux, Cmd+Shift+I on Mac), paste a prompt, and see what you learn. Try connecting the [Microsoft Learn MCP Server](#-microsoft-learn-mcp-server) for the latest official documentation.

Use these as a starting point — or write your own!

1. How does the starter web app in src/webapp handle chat requests, project context, and transcript storage? 1. What changed between src/webapp and src/completed to add Teams bot support? 1. Walk me through how /api/messages, the dev tunnel, and Teams app registration work together in this demo. 1. Help me adapt this demo so the Teams agent can answer questions from my own project data.

💻 Technologies Used

1. Microsoft Teams 1. Teams Developer CLI 1. Teams agent skills 1. Microsoft Teams SDK 1. Azure OpenAI Service 1. Node.js 1. Express 1. React 1. TypeScript 1. Vite

📚 Resources and Next Steps

| Resource | Description | |:---------|:------------| | https://aka.ms/build26-next-steps | Explore lab and session repos to further your learning from Microsoft Build | | [Demo instructions](./docs/01-convert-webapp-to-teams-agent.md) | Follow the end-to-end flow for converting the starter web app into a Teams agent | | Teams Developer CLI | Install and use the CLI that manages Teams app setup during the demo | | Teams agent skills | Add Teams-specific workflows to your coding agent | | Watch the session recording | Watch the recorded Microsoft Build session. |

🌟 Microsoft Learn MCP Server

The Microsoft Learn MCP Server gives your AI agent direct access to Microsoft's official documentation — grounded, up-to-date answers about the products and services covered in this session.

Visual Studio Code — One click installation:

GitHub Copilot CLI — Run this to install the Learn MCP Server as a plugin:

/plugin install microsoftdocs/mcp

For more info, other clients, and to post questions, visit the Learn MCP Server repo.

Content Owners

Aamir Jawaid

📢

Contributing

This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit Contributor License Agreements.

When you submit a pull request, a CLA bot will automatically determine whether you need to provide a CLA and decorate the PR appropriately (e.g., status check, comment). Simply follow the instructions provided by the bot. You will only need to do this once across all repos using our CLA.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments.

Trademarks

This project may contain trademarks or logos for projects, products, or services. Authorized use of Microsoft trademarks or logos is subject to and must follow Microsoft's Trademark & Brand Guidelines. Use of Microsoft trademarks or logos in modified versions of this project must not cause confusion or imply Microsoft sponsorship. Any use of third-party trademarks or logos are subject to those third-party's policies.