MR
Mayur Rathi
@github
⭐ 34.1k GitHub stars

Mcp-Create-Adaptive-Cards

Mcp-Create-Adaptive-Cards是一款code方向的AI技能,核心价值是Skill converted from mcp-create-adaptive-cards,可用于解决开发者在code领域的实际问题,帮助用户提升效率、自动化重复任务或优化工作流。

Skill converted from mcp-create-adaptive-cards.prompt.md

Last verified on: 2026-05-30
mkdir -p ./skills/mcp-create-adaptive-cards && curl -sfL https://raw.githubusercontent.com/github/awesome-copilot/main/skills/mcp-create-adaptive-cards/SKILL.md -o ./skills/mcp-create-adaptive-cards/SKILL.md

Run in terminal / PowerShell. Requires curl (Unix) or PowerShell 5+ (Windows).

Skill Content

text
---
mode: 'agent'
tools: ['changes', 'search/codebase', 'edit/editFiles', 'problems']
description: 'Add Adaptive Card response templates to MCP-based API plugins for visual data presentation in Microsoft 365 Copilot'
model: 'gpt-4.1'
tags: [mcp, adaptive-cards, m365-copilot, api-plugin, response-templates]
---

# Create Adaptive Cards for MCP Plugins

Add Adaptive Card response templates to MCP-based API plugins to enhance how data is presented visually in Microsoft 365 Copilot.

## Adaptive Card Types

### Static Response Templates
Use when API always returns items of the same type and format doesn't change often.

Define in `response_semantics.static_template` in ai-plugin.json:

{

"functions": [

{

"name": "GetBudgets",

"description": "Returns budget details including name and available funds",

"capabilities": {

"response_semantics": {

"data_path": "$",

"properties": {

"title": "$.name",

"subtitle": "$.availableFunds"

},

"static_template": {

"type": "AdaptiveCard",

"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",

"version": "1.5",

"body": [

{

"type": "Container",

"$data": "${$root}",

"items": [

{

"type": "TextBlock",

"text": "Name: ${if(name, name, 'N/A')}",

"wrap": true

},

{

"type": "TextBlock",

"text": "Available funds: ${if(availableFunds, formatNumber(availableFunds, 2), 'N/A')}",

"wrap": true

}

]

}

]

}

}

}

}

]

}

text

### Dynamic Response Templates
Use when API returns multiple types and each item needs a different template.

**ai-plugin.json configuration:**

{

"name": "GetTransactions",

"description": "Returns transaction details with dynamic templates",

"capabilities": {

"response_semantics": {

"data_path": "$.transactions",

"properties": {

"template_selector": "$.displayTemplate"

}

}

}

}

text

**API Response with Embedded Templates:**

{

"transactions": [

{

"budgetName": "Fourth Coffee lobby renovation",

"amount": -2000,

"description": "Property survey for permit application",

"expenseCategory": "permits",

"displayTemplate": "$.templates.debit"

},

{

"budgetName": "Fourth Coffee lobby renovation",

"amount": 5000,

"description": "Additional funds to cover cost overruns",

"expenseCategory": null,

"displayTemplate": "$.templates.credit"

}

],

"templates": {

"debit": {

"type": "AdaptiveCard",

"version": "1.5",

"body": [

{

"type": "TextBlock",

"size": "medium",

"weight": "bolder",

"color": "attention",

"text": "Debit"

},

{

"type": "FactSet",

"facts": [

{

"title": "Budget",

"value": "${budgetName}"

},

{

"title": "Amount",

"value": "${formatNumber(amount, 2)}"

},

{

"title": "Category",

"value": "${if(expenseCategory, expenseCategory, 'N/A')}"

},

{

"title": "Description",

"value": "${if(description, description, 'N/A')}"

}

]

}

],

"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"

},

"credit": {

"type": "AdaptiveCard",

"version": "1.5",

"body": [

{

"type": "TextBlock",

"size": "medium",

"weight": "bolder",

"color": "good",

"text": "Credit"

},


🎯 Best For

  • Claude users
  • GitHub Copilot users
  • Software engineers
  • Development teams
  • Tech leads

💡 Use Cases

  • Code quality improvement
  • Best practice enforcement

📖 How to Use This Skill

  1. 1

    Install the Skill

    Copy the install command from the Terminal tab and run it. The SKILL.md file downloads to your local skills directory.

  2. 2

    Load into Your AI Assistant

    Open Claude or GitHub Copilot and reference the skill. Paste the SKILL.md content or use the system prompt tab.

  3. 3

    Apply Mcp-Create-Adaptive-Cards to Your Work

    Open your project in the AI assistant and ask it to apply the skill. Start with a small module to verify the output quality.

  4. 4

    Review and Refine

    Review AI suggestions before committing. Run tests, check for regressions, and iterate on the skill output.

❓ Frequently Asked Questions

Is Mcp-Create-Adaptive-Cards compatible with Cursor and VS Code?

Yes — this skill works with any AI coding assistant including Cursor, VS Code with Copilot, and JetBrains IDEs.

Do I need specific dependencies for Mcp-Create-Adaptive-Cards?

Check the install command and Works With section. Most code skills only require the AI assistant and your codebase.

How do I install Mcp-Create-Adaptive-Cards?

Copy the install command from the Terminal tab and run it. The skill downloads to ./skills/mcp-create-adaptive-cards/SKILL.md, ready to use.

Can I customize this skill for my team?

Absolutely. Edit the SKILL.md file to add team-specific instructions, examples, or workflows.

⚠️ Common Mistakes to Avoid

Skipping validation

Always test AI-generated code changes, even for simple refactors.

Missing dependency updates

Check if the skill requires updated dependencies or new packages.

🔗 Related Skills