Ai Workshop

.NET AI Workshop

Get up to speed quickly with AI app building in .NET! Explore the new .NET AI project templates integrated with Microsoft Extensions for AI (MEAI), GitHub Models, and vector data stores. Learn how to take advantage of free GitHub Models in development, then deploy with global scale and enterprise support using Azure OpenAI. Gain hands-on experience building cutting-edge intelligent solutions with state-of-the-art frameworks and best practices.

Prerequisites

AI Web Chat Application Requirements (Parts 1-6)

• Visual Studio 2022 or Visual Studio 2026
• .NET AI Web Chatbot template installed (instructions in Part 1 - Setup)
• .NET 9.0 SDK or later
• Docker Desktop or Podman (required for .NET Aspire orchestration)
• GitHub account (required for GitHub Models access)
• Azure OpenAI subscription (optional, but recommended for full experience)

Model Context Protocol (Parts 7-9)

• .NET 10.0 SDK (preview 6 or higher) - Required for MCP development
• Visual Studio Code with GitHub Copilot extensions
• GitHub Copilot subscription (required for MCP testing)
• Microsoft.Extensions.AI.Templates package

Optional but Recommended

• Git for version control
• Azure subscription for production deployment

Lab Overview 🧪

The lab consists of a series of hands-on exercises where you'll build an AI-powered web application using the new .NET AI project templates. The application includes:

• 🤖 AI Chatbot: A conversational interface that can answer questions about products
• 📋 Product Catalog: AI-generated product descriptions and categories
• 🔍 Semantic Search: Vector-based search using document embeddings
• 🔌 Integration with GitHub Models and Azure OpenAI: Use free models for development and enterprise-grade models for production

What We're Building

This lab guides you through building a complete AI-powered web application for an outdoor gear company. The application enables users to chat with an AI assistant that has knowledge of the company's product catalog through document ingestion.

Application Architecture 🏢

flowchart TD
    User([User])  WebApp[Web ApplicationBlazor UI]
    WebApp  VectorDB[(Vector DatabaseQdrant)]
    WebApp  AIChatService[AI Chat ServiceMicrosoft.Extensions.AI]
    AIChatService  AIProvider[AI ProviderGitHub Models / Azure OpenAI]
    
    subgraph Data Flow
        PDFs[Product PDFs] --> Ingestion[Data Ingestion]
        Ingestion --> Embeddings[Text Embeddings]
        Ingestion --> ProductData[Product Metadata]
        Embeddings --> VectorDB
        ProductData --> VectorDB
    end
    
    classDef webapp fill:#2774AE,stroke:#000,color:#fff
    classDef aiservice fill:#F58025,stroke:#000,color:#fff
    classDef database fill:#8A2BE2,stroke:#000,color:#fff
    classDef dataflow fill:#4CAF50,stroke:#000,color:#fff
    
    class WebApp webapp
    class AIChatService,AIProvider aiservice
    class VectorDB,ProductDB database
    class PDFs,Ingestion,Embeddings dataflow

Architecture Overview This diagram illustrates the component relationships in our outdoor gear application. The Blazor web application connects with three key components: a vector database for storing embeddings, an AI chat service powered by Microsoft.Extensions.AI, and a product database. The AI functionality is provided by either GitHub Models (for development) or Azure OpenAI (for production). The data flow shows how product PDFs are ingested, transformed into embeddings, and stored in the vector database to enable contextual AI responses.

Component Interaction 🔄

sequenceDiagram
    actor User
    participant UI as Blazor UI
    participant Service as Product Service
    participant AI as AI Model
    participant DB as Vector Database
    
    User->>UI: Ask question about product
    UI->>Service: Query product information
    Service->>AI: Generate embeddings
    AI-->>Service: Return embeddings
    Service->>DB: Search similar vectors
    DB-->>Service: Return relevant documents
    Service->>AI: Generate response with context
    AI-->>Service: Return AI response
    Service-->>UI: Display response to user

Sequence Overview This diagram demonstrates the interaction flow when a user queries the system. When a customer asks about a product, their question is processed by the UI and passed to the Product Service. The AI model generates text embeddings for the query, which are then used to search the Vector Database for relevant documents. Once matching information is found, both the original question and retrieved context are sent to the AI model to generate a contextually informed response. This response is then returned through the service layer to the UI for display to the user.

Development to Production Flow 🚀

flowchart LR
    Dev[DevelopmentGitHub Models] --> Prod[ProductionAzure OpenAI]
    Local[Local Vector DBQdrant] --> Cloud[Cloud Vector DBQdrant]
    
    subgraph Development Environment
        Dev
        Local
    end
    
    subgraph Production Environment
        Prod
        Cloud
        ACA[Azure Container Apps]
    end
    
    classDef devnode fill:#2774AE,stroke:#000,color:#fff
    classDef prodnode fill:#F58025,stroke:#000,color:#fff
    classDef dbnode fill:#8A2BE2,stroke:#000,color:#fff
    
    class Dev,ACA devnode
    class Prod prodnode
    class Local,Cloud dbnode

Development to Production Pathway This diagram illustrates the transition path from a local development environment to production deployment. During development, you'll use GitHub Models and a local vector database, which provides a cost-effective environment for experimentation and testing. In production, the application transitions to Azure OpenAI for enterprise-grade AI capabilities, Qdrant for scalable vector storage, and Azure Container Apps for a scalable, managed cloud hosting environment. This migration path enables seamless transition while maintaining architectural consistency.

Throughout this lab, you'll implement each part of this architecture, from setting up the AI chat interface to building the product catalog and finally deploying to Azure.

Key Technologies 🛠️

• 🔷 .NET 9: The latest version of .NET
• 🧠 Microsoft Extensions for AI (MEAI): Libraries for integrating AI capabilities into .NET applications
• 🔥 Blazor: For building interactive web UIs
• 🌐 .NET Aspire: For orchestrating cloud-native distributed applications
• 🐱 GitHub Models: Free AI models for development
• ☁️ Azure OpenAI: Enterprise-grade AI models for production
• 🔮 Qdrant Vector Database: For storing and searching vector embeddings

Getting Started

Follow the [setup instructions](Part%201%20-%20Setup/README.md) to get started with the lab.

Lab Modules 📚

The lab is divided into nine modules:

AI Web Chat Application (Parts 1-6)

1. 🏗️ [Setup](Part%201%20-%20Setup/README.md): Configure prerequisites and development environment for the AI workshop.

1. 🏗️ [Project Creation](Part%202%20-%20Project%20Creation/README.md): Build a web application using the .NET AI Web Chat template.

1. 🔍 [Template Exploration](Part%203%20-%20Template%20Exploration/README.md): Understand the implementation of vector embeddings, semantic search, and chat interfaces in AI Web Chat projects.

1. ☁️ [Azure OpenAI](Part%204%20-%20Azure%20OpenAI/README.md): Transition from GitHub Models to the Azure OpenAI service for production-ready capabilities.

1. 🛍️ [Products Page](Part%205%20-%20Products%20Page/README.md): Implement a product catalog that leverages AI for enhanced product information.

1. 🚀 [Deployment](Part%206%20-%20Deployment/README.md): Deploy your application to Azure using the Azure Developer CLI.

Model Context Protocol (MCP) Servers (Parts 7-9)

1. 🔧 [MCP Server Basics](Part%207%20-%20MCP%20Server%20Basics/README.md): Create your first MCP server with weather tools that extend AI agents like GitHub Copilot.

1. 🏢 [Enhanced MCP Server](Part%208%20-%20Enhanced%20MCP%20Server/README.md): Build sophisticated business tools for order management, inventory, and customer service scenarios.

1. 📦 [MCP Publishing](Part%209%20-%20MCP%20Publishing/README.md): Package, publish, and distribute your MCP servers through NuGet for professional deployment.

Lab Structure 📁

The repository is structured as follows:

• 📖 Part 1 - Setup through Part 9 - MCP Publishing: Contains all the lab instructions, documentation, and working code snapshots
• � manuals/: Product documentation PDFs for the AI chatbot to reference
• 🧪 docs/testing/: Testing procedures and validation reports

Session Resources 📚

| Resources | Links | Description | |:-------------------|:----------------------------------|:-------------------| |Microsoft Learn||AI developer resources| |Microsoft Learn||.NET AI Documentation| |Microsoft Learn||.NET Aspire Documentation| |Microsoft Learn||Extensions for AI Documentation| |Microsoft Learn||Azure OpenAI Documentation|

Testing the Workshop 🧪

For workshop instructors and contributors who want to validate the workshop content, a comprehensive testing procedure is available:

Automated Credential Setup

Before testing the workshop, run the credential setup script to configure required API keys and endpoints:

# Navigate to the workshop root directory
cd ai-workshop

# Run the credential setup script
.\.github\scripts\setup-workshop-credentials.ps1

This script will prompt you for:

• GitHub Token: For GitHub Models access (fine-grained token with Models: Read-only permission)
• Azure OpenAI Endpoint: Your Azure OpenAI service endpoint URL
• Azure OpenAI Key: Your Azure OpenAI service API key

The credentials are saved as environment variables (WORKSHOP_GITHUB_TOKEN, WORKSHOP_AZURE_OPENAI_ENDPOINT, WORKSHOP_AZURE_OPENAI_KEY) and will be available for subsequent testing sessions.

Testing Procedure

The complete testing procedure and validation scripts are available in .github/prompts/test-workshop.prompt.md. This includes:

• Step-by-step testing instructions for all 9 workshop parts
• Automated build validation commands
• Common troubleshooting scenarios
• Documentation improvement tracking

License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

Source & license

This open-source MCP server is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: dotnet-presentations
• Source: dotnet-presentations/ai-workshop
• License: MIT
• Homepage: https://aka.ms/dotnet/ai-workshop

Install and usage instructions live in the source repository linked above.