Generated banner for Teams App Developer
Generated logo for Teams App Developer

Teams App Developer

MicrosoftOfficialPublished by Microsoft

  • Skill
  • Tool integration
  • Software development
  • MIT
  • Medium risk

From the author

Builds, tests, and deploys Microsoft 365 apps and agents for Teams and Copilot. Includes sub-skills for project creation, local testing, cloud deployment, troubleshooting, and Slack-to-Teams migration. USE FOR: Teams agent, bot, tab, message extension, Declarative Agents, Custom Engine Agents, local testing, Agents Playground, Azure resource provision, remote deployment, Slack to Teams migration, cross-platform bot development, Block Kit to Adaptive Cards conversion. DO NOT USE FOR: general web development, non-bot/non-Teams projects.
— the description by Microsoft

AutoGineer summary

Written by AutoGineer from the skill’s own files, not by the author

The teams-app-developer skill provides a structured framework for managing the lifecycle of Microsoft 365 agents and Teams applications. It leverages the ATK CLI to handle project scaffolding, local testing via the Agents Playground, cloud provisioning on Azure, and troubleshooting. The skill includes specialized guidance for migrating Slack bots to Teams, including converting Block Kit UI to Adaptive Cards, and provides access to an extensive library of micro-expert documentation for cross-platform development.

What it does

  • Scaffolds new Microsoft 365 agents and Teams applications from templates.
  • Facilitates local testing using the Agents Playground or Teams-specific environments.
  • Automates Azure resource provisioning and cloud deployment workflows.
  • Provides diagnostic procedures for common authentication and configuration errors.
  • Supports migration of Slack bots to the Teams platform.
  • Manages project configuration and environment variables for ATK-based projects.

When to use it

  • When starting a new Teams app, bot, or Declarative Agent project.
  • When you need to test an agent locally before deploying to the cloud.
  • When migrating existing Slack bots to the Microsoft Teams ecosystem.
  • When troubleshooting deployment or authentication issues in a Teams project.
  • When you need to provision Azure infrastructure for a Teams application.

Advantages

  • Streamlines the development lifecycle with standardized CLI commands.
  • Reduces development time by offering a local testing playground.
  • Provides expert-level guidance for complex cross-platform migrations.
  • Ensures consistent configuration management across development environments.
  • Includes robust error-handling protocols for common platform-specific pitfalls.

Usage examples

“Create a new Teams bot project using the default template.”
The agent will initialize a new project folder, configure the necessary YAML files, and guide you through the initial setup using the ATK CLI.
“How do I migrate my Slack bot to Microsoft Teams?”
The agent will initiate the slack-to-teams workflow, providing access to cross-platform bridging experts and guidance on converting UI components.
“My Teams bot is returning a 401 error, how do I fix it?”
The agent will trigger the troubleshooting workflow, checking your environment variables, tunnel status, and authentication configuration.

Install

  1. Download the skill as a ZIP:

    https://mp-staging.autogineer.com/agent-skills/microsoft/teams-app-developer/download
  2. Unzip it into the cross-client skills folder of your project:

    mkdir -p .agents/skills && unzip teams-app-developer.zip -d .agents/skills

Documentation by Microsoft

Microsoft 365 Agents Toolkit Skill

Build Microsoft 365 agents and Teams apps using the ATK CLI.

AI Behavior Guidelines

  1. Testing Strategy: Recommend Agents Playground first (faster, no M365 needed). Use Teams workflow only if user explicitly requests it.

  2. Environment Variables: NEVER hardcode secrets or make up placeholder values. Always ask users for real values.

  3. Error Handling: Read error messages carefully. Check env/.env.local, .localConfigs, and atk auth list. Common pitfalls:

    • AADSTS7000229 → aadApp/create missing generateServicePrincipal: true in YAML — add it and re-provision

    • Missing TENANT_ID in .localConfigs → SDK uses wrong token authority → 401 from Bot Connector

    • 401 persists after auth fix → devtunnel URL may be blacklisted — create a fresh tunnel

    • See troubleshoot/troubleshoot.md for full diagnostic steps

  4. Long-Running Commands — WAIT for completion:

    • atk new, atk provision, atk deploy can take several minutes

    • Always wait for completion before running the next step (timeout 120000ms+)

  5. Local Service Startup — Hangs terminal (expected):

    • npm run dev, npm start, python app.py, devtunnel host, etc. will hang — the process keeps running indefinitely

    • ALWAYS run as a background process (isBackground=true) — NEVER use isBackground=false for these commands

    • Do NOT wait for it to "finish" — verify startup by checking output for "listening on port" or tunnel URL

    • If errors appear, read logs, diagnose, fix, restart

    • Use a NEW terminal to launch Agents Playground or open Teams sideloading URL

  6. Monitor App Logs: Periodically check background terminal output for runtime errors. If the app crashes, read the error, fix the root cause, and restart.

  7. Telemetry Tagging: Before running any atk CLI commands, set the session environment variable so all CLI invocations are tagged as skill-initiated:

    export ATK_CLI_SKILL=true

    Run this once at the start of the session. All subsequent atk commands in the same terminal will inherit it.

ATK CLI Setup

atk --version  # Must be > 1.1.5-beta

If ATK is not found or version is too old:

npm i -g @microsoft/m365agentstoolkit-cli@beta

CLI Global Options

OptionMeaningRecommendation
-iInteractive modeAlways use -i false in automation to avoid hanging
-fProject folderDefault to be current directory, used when specifying a custom folder. When scaffolding a new project, this is the parent folder where the project folder will be created under.
-hCommand helpUse atk <command> -h for quick syntax checks

Sub-Skills

Sub-SkillWhen to UseReference
create-projectScaffold new project from template, choose template, atk newcreate-project/create-project.md
test-playgroundTest locally with Agents Playground, agentsplayground, quick testingtest-playground/test-playground.md
test-teamsRun on Teams, devtunnel, sideload, Teams testing, test in Copilottest-teams/test-teams.md
provision-deployProvision Azure resources, deploy to cloud, atk provision, atk deployprovision-deploy/provision-deploy.md
troubleshootFix errors, 401, port conflicts, YAML errors, stale botstroubleshoot/troubleshoot.md
slack-to-teamsMigrate Slack bot to Teams, cross-platform bridging, Block Kit to Adaptive Cardsslack-to-teams/SKILL.md

MANDATORY: Before executing any workflow, read the corresponding sub-skill document.

Shared References

  • manifest-and-yaml.md — Project files, YAML config, env vars, .localConfigs flow

  • commands.md — ATK CLI commands: package, validate, share, collaborate

  • templates.md — Complete template catalog with language support

  • experts/ — 100+ micro-expert files: Teams SDK, Slack SDK, cross-platform bridging, deploy, AI models, security, language conversion

  • docs/ — Platform comparison guides: UI, messaging, identity, infrastructure, feature gaps

Workflow Chains

Match user intent to the smallest valid workflow.

User IntentWorkflow (read in order)
Build new app from scratchcreate-project → test-playground
Test existing project locallytest-playground (recommended) or test-teams
Deploy to Azureprovision-deploy
Fix broken bottroubleshoot → re-test
Migrate Slack bot to Teamsslack-to-teams

MANDATORY: Before executing any slack-to-teams workflow, read slack-to-teams/SKILL.md first. The sub-skill contains a routed expert system with 100+ micro-expert files for cross-platform bot development.

ATK Project Context Resolution

Resolve config values only when missing. If a value is already known in the session, reuse it.

Step 1: Detect ATK Project

If m365agentstoolkit*.yml exists in the current folder, treat it as an ATK project and parse configuration.

Step 2: Resolve Common Configuration

Resolve variables referenced in m365agentstoolkit*.yml. Common variables: AZURE_OPENAI_API_KEY AZURE_OPENAI_ENDPOINT AZURE_OPENAI_DEPLOYMENT_NAME

Step 3: Collect Missing Values

If required values are missing, ask the user for only the missing ones.

Refer to manifest-and-yaml.md for full config-file details.

Files

experts/teams/workflow.state-driven-events-ts.md

workflow.state-driven-events-ts

purpose

Wire up state-driven workflow triggers from Teams-native operational signals — presence changes, Shifts events, and call queue changes — via Microsoft Graph subscriptions and change notifications.

rules

  1. Use Graph change notifications (webhooks) for all state-driven triggers. Subscribe to resource changes via POST /subscriptions. The bot receives HTTP POST callbacks when subscribed resources change. This is the foundation for presence, Shifts, and call queue triggers. learn.microsoft.com -- Change notifications

  2. Presence changes: subscribe to /communications/presences/{userId}. Requires Presence.Read.All application permission. Notifications fire when a user's availability changes (Available, Away, Busy, DoNotDisturb, Offline). Use for break management and availability-based routing. learn.microsoft.com -- Presence subscriptions

  3. Shifts events: subscribe to /teams/{teamId}/schedule/shifts. Requires Schedule.Read.All or Schedule.ReadWrite.All application permission. Notifications fire when shifts are created, updated, or deleted. Use for schedule-based automation (shift start/end, coverage gaps). learn.microsoft.com -- Shifts API

  4. Time-off requests: use /teams/{teamId}/schedule/timeOffRequests. Subscribe to changes on time-off requests for automated approval workflows. Notifications include the request state (pending, approved, declined). learn.microsoft.com -- TimeOff

  5. Call queue membership: monitor via /communications/callRecords. Direct call queue subscriptions are limited. Use call record notifications (/communications/callRecords) to detect when agents join/leave queues. Alternatively, poll /communications/callQueues at intervals. Requires CallRecords.Read.All. learn.microsoft.com -- Call records

  6. Validate webhook endpoints with the validation token handshake. Graph sends a validation request with a validationToken query parameter on subscription creation. The endpoint must return the token as text/plain within 10 seconds. Without this, subscription creation fails. learn.microsoft.com -- Webhook validation

  7. Decrypt rich notifications for presence data. Presence subscriptions require includeResourceData: true and encryption. Provide encryptionCertificate (public key) and encryptionCertificateId in the subscription. Decrypt notification payloads with the corresponding private key. learn.microsoft.com -- Rich notifications

  8. Renew subscriptions before expiry. Maximum subscription lifetimes: presence = 60 minutes, Shifts = 4230 minutes (~3 days). Implement a renewal timer that calls PATCH /subscriptions/{id} with a new expirationDateTime before the current one expires.

  9. Bridge webhook notifications to proactive bot messages. When a state change notification arrives, look up the relevant channel's conversation reference and send a proactive message. The notification handler is an HTTP endpoint; the proactive message uses the bot adapter.

  10. Implement escalation timers for time-bound workflows. For break management: start a timer on presence change to "Away". If presence doesn't return to "Available" within the threshold (e.g., 15 min), send a reminder. At 20 min, escalate to manager. Use setTimeout or a durable task queue.

  11. Use the clientState field for subscription routing. Set clientState to a unique identifier (e.g., "presence-break-workflow") on each subscription. Verify it in incoming notifications to route to the correct workflow handler and reject spoofed callbacks.

  12. Handle notification batching. Graph may batch multiple notifications into a single POST. The payload contains a value array of changeNotification objects. Process all entries, not just the first.

patterns

Subscribe to presence changes
import { Client } from "@microsoft/microsoft-graph-client";
import { readFileSync } from "fs";

async function subscribeToPresence(
  graphClient: Client,
  userId: string,
  webhookUrl: string
) {
  const cert = readFileSync("./certs/public.pem", "utf-8")
    .replace(/-----BEGIN CERTIFICATE-----/, "")
    .replace(/-----END CERTIFICATE-----/, "")
    .replace(/\n/g, "");

  const subscription = await graphClient.api("/subscriptions").post({
    changeType: "updated",
    notificationUrl: webhookUrl,
    resource: `/communications/presences/${userId}`,
    expirationDateTime: new Date(Date.now() + 55 * 60 * 1000).toISOString(), // 55 min (max 60)
    clientState: "presence-break-workflow",
    includeResourceData: true,
    encryptionCertificate: cert,
    encryptionCertificateId: "break-workflow-cert-1",
  });

  return subscription.id;
}
Webhook endpoint with validation and notification handling
import express from "express";
import crypto from "crypto";
import { readFileSync } from "fs";

const router = express.Router();

router.post("/api/webhooks/graph", (req, res) => {
  // Validation handshake
  if (req.query.validationToken) {
    res.set("Content-Type", "text/plain");
    res.send(req.query.validationToken);
    return;
  }

  const notifications = req.body.value ?? [];

  // Acknowledge receipt quickly; Graph expects a 2xx within ~3 seconds
  res.sendStatus(202);

  // Process notifications asynchronously to avoid request timeouts
  setImmediate(() => {
    for (const notification of notifications) {
      if (notification.clientState !== "presence-break-workflow") {
        continue; // Ignore unknown subscriptions
      }

      // Decrypt resource data
      const decryptedData = decryptNotification(notification);
      handlePresenceChange(notification.resource, decryptedData);
    }
  });
});

function decryptNotification(notification: any): any {
  const symmetricKey = crypto.privateDecrypt(
    { key: readFileSync("./certs/private.pem"), padding: crypto.constants.RSA_PKCS1_OAEP_PADDING },
    Buffer.from(notification.encryptedContent.dataKey, "base64")
  );

  const decipher = crypto.createDecipheriv(
    "aes-256-cbc",
    symmetricKey.subarray(0, 32),
    Buffer.alloc(16, 0) // IV
  );

  const decrypted = Buffer.concat([
    decipher.update(Buffer.from(notification.encryptedContent.data, "base64")),
    decipher.final(),
  ]);

  return JSON.parse(decrypted.toString("utf-8"));
}
Break management workflow (presence-driven)
const breakTimers = new Map<string, NodeJS.Timeout>();
const REMINDER_MS = 15 * 60 * 1000;
const ESCALATION_MS = 20 * 60 * 1000;

async function handlePresenceChange(resource: string, data: any) {
  const userId = resource.split("/").pop()!;
  const availability = data.availability; // Available, Away, Busy, etc.

  if (availability === "Away") {
    // Start break tracking
    const reminderTimer = setTimeout(async () => {
      await sendProactiveMessage(userId, "channel", {
        text: `Reminder: ${data.displayName} has been on break for 15 minutes.`,
      });
    }, REMINDER_MS);

    const escalationTimer = setTimeout(async () => {
      await sendProactiveMessage(userId, "manager", {
        text: `Escalation: ${data.displayName} has exceeded 20-minute break limit.`,
      });
    }, ESCALATION_MS);

    breakTimers.set(`${userId}-reminder`, reminderTimer);
    breakTimers.set(`${userId}-escalation`, escalationTimer);

    // Remove from call queue
    await removeFromCallQueue(userId);

    // Log break start
    await createBreakRecord(userId, "started");
  }

  if (availability === "Available") {
    // Clear timers
    clearTimeout(breakTimers.get(`${userId}-reminder`));
    clearTimeout(breakTimers.get(`${userId}-escalation`));
    breakTimers.delete(`${userId}-reminder`);
    breakTimers.delete(`${userId}-escalation`);

    // Re-add to call queue
    await addToCallQueue(userId);

    // Log break end
    await updateBreakRecord(userId, "ended");
  }
}
Subscribe to Shifts changes
async function subscribeToShifts(
  graphClient: Client,
  teamId: string,
  webhookUrl: string
) {
  const subscription = await graphClient.api("/subscriptions").post({
    changeType: "created,updated,deleted",
    notificationUrl: webhookUrl,
    resource: `/teams/${teamId}/schedule/shifts`,
    expirationDateTime: new Date(Date.now() + 3 * 24 * 60 * 60 * 1000).toISOString(), // ~3 days
    clientState: "shifts-workflow",
  });

  return subscription.id;
}
Subscription renewal timer
async function renewSubscription(graphClient: Client, subscriptionId: string, lifetimeMs: number) {
  const renewBeforeMs = 5 * 60 * 1000; // 5 minutes before expiry

  setInterval(async () => {
    try {
      await graphClient.api(`/subscriptions/${subscriptionId}`).patch({
        expirationDateTime: new Date(Date.now() + lifetimeMs).toISOString(),
      });
    } catch (err: any) {
      if (err.statusCode === 404) {
        // Subscription lost — recreate
        console.error("Subscription expired, recreating...");
      }
    }
  }, lifetimeMs - renewBeforeMs);
}

pitfalls

  • Presence subscriptions expire in 60 minutes max. You must renew aggressively. A 55-minute renewal interval is recommended to account for clock drift and network latency.

  • Rich notifications require encryption setup upfront. You cannot subscribe to presence with includeResourceData: true without providing encryption keys. Generate a self-signed certificate for development; use a proper cert in production.

  • Webhook must respond within 3 seconds. Graph expects a 2xx response within 3 seconds. Do all processing asynchronously — immediately return 202, then process the notification. Blocking responses cause subscription deactivation after repeated timeouts.

  • Shifts API requires team-level scheduling enabled. If Shifts is not enabled for the team, API calls return 404. Verify Shifts is provisioned before subscribing.

  • Call queue operations are limited. There's no direct Graph subscription for call queue membership changes. The workaround is monitoring presence (agents go Busy when on calls) or call records. Direct queue add/remove requires Teams admin APIs or PowerShell.

  • In-memory timers don't survive restarts. The break management timer pattern using setTimeout loses state on process restart. For production, use Azure Durable Functions timers, a Redis-backed job queue, or persist timer state to the backing store with a polling reconciliation loop.

references

instructions

Use this expert when building workflows triggered by operational state changes: presence, Shifts, time-off, or call queues. Covers Graph change notification subscriptions, webhook validation, rich notification decryption, escalation timers, and call queue integration. Pair with workflow.triggers-compose-ts.md for the full trigger surface, workflow.sharepoint-lists-ts.md for persisting event records, and runtime.proactive-messaging-ts.md for sending state-change notifications to channels.

research

Deep Research prompt:

"Write a micro expert on state-driven workflow triggers in Microsoft Teams using Graph change notifications (TypeScript). Cover: presence change subscriptions with rich notification decryption, Shifts API subscriptions, time-off request monitoring, call queue integration patterns, webhook endpoint validation, subscription renewal, escalation timers, and bridging notifications to proactive bot messages. Include a complete break management workflow example driven by presence changes."

Requirements and compatibility

Works with: Claude Code, Claude apps, OpenAI Codex, GitHub Copilot, Cursor, Gemini CLI, Kiro, OpenCode, Goose, Amp, Roo Code, JetBrains Junie, Factory Droid, Devin (ex-Windsurf), Mistral Vibe, OpenHands, Letta

“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.

Needs: Needs an API key, Needs Python, Needs Node.js

Security

What our scanner noticed· Medium risk

  • Possible data-exfiltration endpoints
  • Instructions that use the network
  • Downloads piped into a shell

A static scan is not a guarantee. Skills are third-party content: review a skill before you let an agent use it.

Attribution and licence

Published by
Microsoft
Publisher
Microsoft (Official)
Source
microsoft/skills · .github/plugins/microsoft-365-agents-toolkit/skills/teams-app-developer · commit 0696600
Licence
MIT License (redistribution allowed)
  • LICENSE (added by AutoGineer from LICENSE)
  • ATTRIBUTION.md (written by AutoGineer)
Synced

AutoGineer is not affiliated with or endorsed by Microsoft.

Download ZIP

The ZIP holds the skill’s files, its licence files and an ATTRIBUTION.md. Download teams-app-developer.zip