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

toolkit/environments.md

Environments and .localConfigs

purpose

Multi-environment management with environment files, ${{VAR}} variable resolution, the SECRET_ prefix convention, and the .localConfigs runtime-config flow for Agents Toolkit projects.

rules

  1. Environment files live in env/. Each environment has a pair of files: env/.env.{name} for shared config and env/.env.{name}.user for personal/secret values. The environmentFolderPath in m365agents.yml points to this folder.

  2. Default environment is dev. Scaffolded projects create env/.env.dev and env/.env.dev.user. Additional environments (staging, production) are created by running atk provision --env <name>.

  3. Variable syntax is ${{VAR_NAME}}. Both manifest.json and m365agents.yml use ${{VAR_NAME}} placeholders. At build/provision/deploy time, the toolkit resolves them from the active environment's .env files.

  4. SECRET_ prefix marks sensitive values. Variables prefixed with SECRET_ (e.g., SECRET_BOT_PASSWORD, SECRET_AAD_APP_CLIENT_SECRET) are stored only in .env.*.user files, which are gitignored. Never put SECRET_ values in .env.{name}.

  5. .env.*.user files are gitignored by default. The scaffold includes a .gitignore entry for env/.env.*.user. These files contain developer-specific credentials and secrets. Never commit them.

  6. Built-in environment variables are auto-populated. Lifecycle actions write outputs to env files via writeToEnvironmentFile. Common auto-populated vars: TEAMS_APP_ID, BOT_ID, SECRET_BOT_PASSWORD, AAD_APP_CLIENT_ID, SECRET_AAD_APP_CLIENT_SECRET, AAD_APP_OBJECT_ID, AAD_APP_TENANT_ID.

  7. Azure resource variables must be set per environment. AZURE_SUBSCRIPTION_ID and AZURE_RESOURCE_GROUP_NAME are required for provisioning. Set them in .env.{name} or pass via CLI/CI environment.

  8. Custom environments mirror the dev structure. To create a staging environment, run atk provision --env staging. This creates env/.env.staging and env/.env.staging.user with the same variable structure as dev but pointing to separate cloud resources.

  9. VS Code sidebar switches environments. The Agents Toolkit VS Code extension shows a dropdown in the sidebar to switch the active environment. This changes which .env.{name} files are used for provision, deploy, and preview commands.

  10. Manifest placeholders resolve at package time. When atk package or teamsApp/zipAppPackage runs, all ${{VAR}} placeholders in manifest.json are replaced with values from the active environment. The output zip contains a fully resolved manifest.

  11. Environment-specific resource isolation. Each environment should use separate Azure resource groups to avoid resource conflicts. Use naming conventions like rg-mybot-dev, rg-mybot-staging, rg-mybot-prod.

  12. .localConfigs is the runtime config for local development. atk deploy --env local generates .localConfigs by reading values from env/.env.local and transforming them via file/createOrUpdateEnvironmentFile in m365agents.local.yml. Your app reads .localConfigs at runtime — NOT env/.env.local. If TENANT_ID is missing from .localConfigs, copy the tenant value from the source variable in env/.env.local (for example, TEAMS_APP_TENANT_ID) into TENANT_ID, or update the local lifecycle mapping so it writes TENANT_ID into .localConfigs.

patterns

Pattern 1: Environment file structure
project-root/
├── m365agents.yml
├── env/
│   ├── .env.dev                  # Shared dev config (committed)
│   ├── .env.dev.user             # Dev secrets (gitignored)
│   ├── .env.staging              # Shared staging config (committed)
│   ├── .env.staging.user         # Staging secrets (gitignored)
│   ├── .env.production           # Shared production config (committed)
│   └── .env.production.user      # Production secrets (gitignored)
└── appPackage/
    └── manifest.json             # Uses ${{VAR}} placeholders
# env/.env.dev — shared config (safe to commit)
APP_ENV=dev
TEAMS_APP_NAME=MyBot-Dev
TEAMS_APP_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
BOT_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
BOT_DOMAIN=mybot-dev.azurewebsites.net
BOT_ENDPOINT=https://mybot-dev.azurewebsites.net/api/messages
AZURE_SUBSCRIPTION_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
AZURE_RESOURCE_GROUP_NAME=rg-mybot-dev
AAD_APP_CLIENT_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
AAD_APP_OBJECT_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
AAD_APP_TENANT_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
# env/.env.dev.user — secrets (gitignored)
SECRET_BOT_PASSWORD=your-bot-password-here
SECRET_AAD_APP_CLIENT_SECRET=your-client-secret-here
Pattern 2: Variable resolution in manifest.json
// appPackage/manifest.json — placeholders resolve from active env
{
  "$schema": "https://developer.microsoft.com/en-us/json-schemas/teams/v1.26/MicrosoftTeams.schema.json",
  "manifestVersion": "1.26",
  "version": "1.0.0",
  "id": "${{TEAMS_APP_ID}}",
  "name": {
    "short": "${{TEAMS_APP_NAME}}",
    "full": "${{TEAMS_APP_NAME}} - Full"
  },
  "bots": [
    {
      "botId": "${{BOT_ID}}",
      "scopes": ["personal", "team", "groupChat"]
    }
  ],
  "validDomains": [
    "${{BOT_DOMAIN}}"
  ]
}
Pattern 3: Creating and provisioning a new environment
# Step 1: Provision creates the env files and cloud resources
atk provision --env staging -i false

# This creates:
#   env/.env.staging          (with APP_ENV=staging, resource IDs)
#   env/.env.staging.user     (with SECRET_* values)

# Step 2: Set environment-specific overrides
# Edit env/.env.staging to adjust resource names, domains, etc.

# Step 3: Deploy to the new environment
atk deploy --env staging -i false

# Step 4: Test against the new environment
# Use agentsplayground CLI or sideload in Teams
Pattern 4: Cross-Platform Environment Variables

Cross-platform bots (Teams + Slack) keep both platforms' credentials in a single .env file at the project root. Toolkit ${{VAR}} placeholders live only in appPackage/manifest.json — they are not the same as runtime process.env vars consumed by Slack or Express.

# .env — cross-platform bot (single file, project root)

# Teams credentials (used at runtime by @microsoft/teams.apps)
CLIENT_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
CLIENT_SECRET=your-client-secret
TENANT_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx

# Agents Toolkit vars (used in appPackage/manifest.json ${{VAR}} placeholders)
BOT_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
BOT_DOMAIN=mybot.azurewebsites.net
TEAMS_APP_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx

# Slack credentials (used at runtime by @slack/bolt)
SLACK_BOT_TOKEN=xoxb-your-slack-bot-token
SLACK_APP_TOKEN=xapp-your-slack-app-token
SLACK_SIGNING_SECRET=your-slack-signing-secret

# Server
PORT=3978

Key difference from Toolkit-managed projects: Standalone cross-platform examples use a single .env file (loaded via dotenv) instead of the env/.env.dev + env/.env.dev.user pair. This is intentional — these examples don't ship m365agents.yml or run atk provision.

Key Environment Variables

VariableWhere SetPurpose
BOT_IDenv/.env.local (by atk provision)Azure AD app client ID
SECRET_BOT_PASSWORDenv/.env.local.user (by atk provision)Azure AD app client secret
TEAMS_APP_IDenv/.env.local (by atk provision)Teams app ID for sideloading
M365_APP_IDenv/.env.local (by teamsApp/extendToM365)M365 app ID for declarative agents
TEAMS_APP_TENANT_IDenv/.env.local (by atk provision)Tenant ID
BOT_ENDPOINTenv/.env.local (manual — set to devtunnel URL)Bot HTTPS endpoint for Teams
AZURE_SUBSCRIPTION_IDenv/.env.dev (manual)Azure subscription for cloud deploy
AZURE_RESOURCE_GROUP_NAMEenv/.env.dev (manual or by --resource-group)Azure resource group for cloud deploy
SECRET_AZURE_OPENAI_API_KEYenv/.env.local.user (manual)Azure OpenAI API key
AZURE_OPENAI_ENDPOINTenv/.env.local (manual)Azure OpenAI endpoint URL
AZURE_OPENAI_DEPLOYMENT_NAMEenv/.env.local (manual)Azure OpenAI deployment name

.localConfigs runtime config flow (local development)

For local and playground environments, m365agents.local.yml uses file/createOrUpdateEnvironmentFile to write env vars to .localConfigs (not env/.env.local).

# Example from m365agents.local.yml
- uses: file/createOrUpdateEnvironmentFile
  with:
    target: ./.localConfigs
    envs:
      PORT: 3978
      CLIENT_ID: ${{BOT_ID}}
      CLIENT_SECRET: ${{SECRET_BOT_PASSWORD}}
      TENANT_ID: ${{TEAMS_APP_TENANT_ID}}

Configuration flow:

  • env/.env.local → source of truth (edited manually or by atk provision)

  • m365agents.local.yml → defines how to transform env vars

  • .localConfigs → generated file your app reads at runtime (created by atk deploy --env local)

Missing environment variables at runtime
  1. Check .localConfigs exists and has the required values

  2. Ensure values are set in env/.env.local (or env/.env.local.user for secrets)

  3. Ensure m365agents.local.yml maps those values to .localConfigs

  4. Run atk deploy --env local -i false to regenerate .localConfigs

pitfalls

  • Committing .env.*.user files — These contain SECRET_* values. Verify .gitignore includes env/.env.*.user before any commit.

  • Putting secrets in .env.{name} instead of .env.{name}.user — Non-user env files are committed. Always use the SECRET_ prefix and store in .user files.

  • Forgetting to set AZURE_SUBSCRIPTION_ID for new environments — Provisioning fails silently or targets the wrong subscription without this variable.

  • Reusing resource groups across environments — Dev and staging sharing a resource group causes resource name conflicts and accidental overwrites during provisioning.

  • Stale env files after re-provisioning — If you delete cloud resources and re-provision, old IDs in env files may not update. Delete the env files and re-provision from scratch.

  • ${{VAR}} vs ${VAR} confusion — Agents Toolkit uses double-brace ${{VAR}}. Shell-style ${VAR} is not recognized and will not resolve.

  • Confusing Toolkit ${{VAR}} placeholders with Slack runtime env vars — Toolkit placeholders resolve at package/provision time in manifest files. Slack env vars (SLACK_BOT_TOKEN, SLACK_APP_TOKEN) are read at runtime by @slack/bolt. They live in different worlds — don't put Slack tokens inside ${{}} brackets in the manifest.

  • Missing variables at package time — If a ${{VAR}} in manifest.json has no matching env entry, packaging fails. Run atk validate first to catch these.

  • CI/CD without .user files — In CI, secrets come from pipeline secrets, not .user files. Set SECRET_* vars as environment variables in the CI runner.

references

instructions

Do a web search for:

  • "Microsoft 365 Agents Toolkit multi-environment env files configuration 2025"

  • "atk provision --env staging multiple environments"

  • "Agents Toolkit SECRET_ prefix environment variables"

Pair with:

  • lifecycle-cli.md — lifecycle hooks that consume environment variables

  • ../experts/teams/runtime.manifest-ts.md — manifest ${{VAR}} placeholder resolution

  • ../experts/teams/project.scaffold-files-ts.md — scaffolded project includes env/ directory

  • publish.md — publishing requires fully resolved environment variables

research

Deep Research prompt:

"Write a micro expert on Microsoft 365 Agents Toolkit environment management (TypeScript). Cover env/.env.{name} and env/.env.{name}.user file pairs, ${{VAR}} variable resolution in manifest.json and m365agents.yml, SECRET_ prefix convention, built-in environment variables (TEAMS_APP_ID, BOT_ID, BOT_PASSWORD, AZURE_SUBSCRIPTION_ID), creating custom environments with atk provision --env, VS Code sidebar environment switching, and CI/CD environment variable injection. Include canonical patterns for: environment file structure, manifest placeholder resolution, multi-environment setup."

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