Adaptive Cards Generator

v2.3.0β€’Communicationβ€’stable

πŸ“‡ 🏠 ☁️ 🍎 πŸͺŸ 🐧 - AI-powered Adaptive Card generation for Teams, Outlook,

adaptive-cardadaptive-cardsaibot-frameworkcard-generator
Share:
26
Stars
0
Downloads
0
Weekly
0/5

What is Adaptive Cards Generator?

Adaptive Cards Generator is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to πŸ“‡ 🏠 ☁️ 🍎 πŸͺŸ 🐧 - ai-powered adaptive card generation for teams, outlook,

πŸ“‡ 🏠 ☁️ 🍎 πŸͺŸ 🐧 - AI-powered Adaptive Card generation for Teams, Outlook,

This server falls under the Communication category on MCPgee, the world's largest MCP server directory with 33,000+ servers.

Features

  • MCP protocol support

Use Cases

Generate Teams cards
Outlook integration
Interactive card UI
VikrantSingh01

Maintainer

LicenseMIT License
Languagetypescript
Versionv2.3.0
UpdatedApr 20, 2026
Statushealthy
Maintenanceactive

Works with

ClaudeOpenAIwindowsmacoslinux

Installation

NPM

npx -y adaptive-cards-mcp

Manual Installation

npx -y adaptive-cards-mcp

Configuration

Configuration Details

Config File

claude_desktop_config.json

Performance

Response Metrics

Response Time< 200ms
ThroughputMedium

Resource Usage

Memory UsageLow
CPU UsageLow

How to Set Up and Use Adaptive Cards Generator

The Adaptive Cards MCP server is an AI-powered generator for Microsoft Adaptive Cards β€” the JSON-based card format used in Teams, Outlook, Copilot Studio, and Bot Framework applications. It exposes nine tools covering card generation from natural language or structured data, schema validation, accessibility optimization, template creation, version transformation, and multi-step workflow pipelines. Developers building Teams bots, Outlook actionable messages, or Copilot extensions use this server to generate valid, accessible Adaptive Card JSON without manually authoring the schema.

Prerequisites

  • Node.js 18 or later installed
  • An MCP-compatible client such as Claude Desktop, Cursor, or Copilot Studio
  • Optional: Anthropic API key, OpenAI API key, or Azure OpenAI credentials if using AI-backed generation modes
  • Familiarity with Adaptive Cards v1.6 schema and Microsoft Teams/Outlook card rendering
1

Install the package

Install adaptive-cards-mcp from npm or use it directly with npx without a global install.

npm install -g adaptive-cards-mcp
# or run directly with npx:
npx -y adaptive-cards-mcp
2

Add to your MCP client via the Claude CLI

Use the claude mcp add command for the quickest setup in Claude Code or Claude Desktop.

claude mcp add adaptive-cards-mcp -- npx adaptive-cards-mcp
3

Or add manually to claude_desktop_config.json

For Claude Desktop, edit the config file directly. On macOS: ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "adaptive-cards": {
      "command": "npx",
      "args": ["-y", "adaptive-cards-mcp"],
      "env": {
        "ANTHROPIC_API_KEY": "your_anthropic_api_key"
      }
    }
  }
}
4

Configure AI provider keys

Set your AI provider API key as an environment variable. ANTHROPIC_API_KEY is used for Claude-backed generation; OPENAI_API_KEY for GPT-backed generation; AZURE_OPENAI_API_KEY plus AZURE_OPENAI_ENDPOINT for Azure OpenAI.

export ANTHROPIC_API_KEY=your_anthropic_api_key
# or
export OPENAI_API_KEY=your_openai_api_key
5

Restart your MCP client and test generation

Restart Claude Desktop (or your chosen client) and ask it to generate an Adaptive Card to verify the server is connected.

Adaptive Cards Generator Examples

Client configuration

Example claude_desktop_config.json for the Adaptive Cards MCP server using Anthropic as the AI backend.

{
  "mcpServers": {
    "adaptive-cards": {
      "command": "npx",
      "args": ["-y", "adaptive-cards-mcp"],
      "env": {
        "ANTHROPIC_API_KEY": "your_anthropic_api_key",
        "TRANSPORT": "stdio"
      }
    }
  }
}

Prompts to try

Example prompts to generate and validate Adaptive Cards using the MCP server.

- "Create an expense approval card for Teams with requester name, amount, category, line items table, and approve/reject buttons"
- "Generate an Adaptive Card for a meeting invite notification in Outlook with date, location, and RSVP actions"
- "Validate this Adaptive Card JSON for schema errors and accessibility issues: {...}"
- "Convert this static Adaptive Card to use data bindings so I can template it with dynamic data"
- "Transform this Adaptive Card from v1.2 to v1.6 format"
- "Suggest the best layout for displaying a product catalog with images, prices, and an add-to-cart button"

Troubleshooting Adaptive Cards Generator

generate_card returns an error about missing AI provider credentials

Set at least one AI provider API key: ANTHROPIC_API_KEY for Claude, OPENAI_API_KEY for GPT, or both AZURE_OPENAI_API_KEY and AZURE_OPENAI_ENDPOINT for Azure OpenAI. These must be set in the env block of your MCP client config.

Generated card fails validation in Teams or Outlook

Use the validate_card tool after generating a card to check for schema violations and host compatibility issues. Different Microsoft hosts (Teams desktop, Teams mobile, Outlook) support different Adaptive Cards feature subsets β€” use transform_card to adapt the card for a specific host.

SSE transport not working for Copilot Studio integration

Set TRANSPORT=sse and PORT to your desired port (default 3001) in the environment. Ensure MCP_AUTH_MODE=bearer and set MCP_API_KEY for authenticated access when exposing the server over a network for Copilot Studio.

Frequently Asked Questions about Adaptive Cards Generator

What is Adaptive Cards Generator?

Adaptive Cards Generator is a Model Context Protocol (MCP) server that πŸ“‡ 🏠 ☁️ 🍎 πŸͺŸ 🐧 - ai-powered adaptive card generation for teams, outlook, It connects AI assistants to external tools and data sources through a standardized interface.

How do I install Adaptive Cards Generator?

Install via npm with the command: npx -y adaptive-cards-mcp. Then add the server configuration to your AI client's JSON config file (e.g., claude_desktop_config.json or .cursor/mcp.json).

Which AI clients work with Adaptive Cards Generator?

Adaptive Cards Generator works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.

Is Adaptive Cards Generator free to use?

Yes, Adaptive Cards Generator is open source and available under the MIT License license. You can use it freely in both personal and commercial projects.

Browse More Communication MCP Servers

Explore all communication servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.

Quick Config Preview

{ "mcpServers": { "adaptive-cards": { "command": "npx", "args": ["-y", "adaptive-cards-mcp"] } } }

Add this to your claude_desktop_config.json or .cursor/mcp.json

Read the full setup guide β†’

Ready to use Adaptive Cards Generator?

Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.

33,000+ ServersFree & Open SourceStep-by-Step Guides