Does it support responsive design?

Absolutely. The skill follows best practices for single-column layouts and flexible widths to ensure cards function correctly on both desktop and mobile viewports.

Can I use both static and dynamic templates?

Yes, this skill supports combined configurations where a static template acts as a default for responses that lack specific dynamic selectors.

What are Adaptive Cards?

Adaptive Cards are platform-agnostic snippets of UI, authored in JSON, that apps like Microsoft Teams use to display rich, interactive content.

What is an MCP-based API plugin?

An MCP-based plugin uses the Model Context Protocol to allow AI agents like Claude to interact with external APIs and services in a standardized way.

Adaptive Card Creator for MCP Plugins

Name: Adaptive Card Creator for MCP Plugins
Author: rodolfolermacontreras

byrodolfolermacontreras

•

API Development

Generates and integrates Adaptive Card response templates into MCP-based API plugins to enhance visual data presentation in Microsoft 365 Copilot.

This skill empowers developers to transform raw API responses into rich, interactive visual experiences within Microsoft 365 Copilot. By providing structured guidance on response semantics, static and dynamic templating, and responsive design patterns, it streamlines the process of building MCP-compatible plugins. Whether you need to display simple project summaries or complex transaction logs with conditional logic, this tool ensures your data is presented clearly and professionally across Teams, Word, and PowerPoint using the Adaptive Card framework.

Key Features

01Support for interactive elements like Action.OpenUrl and FactSets

02Implementation of conditional rendering and data binding logic

03Configuration of JSONPath-based response semantics for API plugins

041 GitHub stars

05Responsive design patterns optimized for Microsoft 365 hubs

06Automated generation of static and dynamic Adaptive Card templates

Use Cases

01Standardizing API responses for consistent presentation across mobile and desktop

02Creating interactive project status updates from external management tools

03Visualizing financial data and budget reports within M365 Copilot

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add rodolfolermacontreras/microsoft-ai-learning mcp-create-adaptive-cards

For use in Claude.ai and ChatGPT

Key Features

01Support for interactive elements like Action.OpenUrl and FactSets

02Implementation of conditional rendering and data binding logic

03Configuration of JSONPath-based response semantics for API plugins

041 GitHub stars

05Responsive design patterns optimized for Microsoft 365 hubs

06Automated generation of static and dynamic Adaptive Card templates

Use Cases

01Standardizing API responses for consistent presentation across mobile and desktop

02Creating interactive project status updates from external management tools

03Visualizing financial data and budget reports within M365 Copilot

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add rodolfolermacontreras/microsoft-ai-learning mcp-create-adaptive-cards

For use in Claude.ai and ChatGPT