Teams Adaptive Card Host Config and Cross-Theme Rendering Prompt
Author and validate an Adaptive Card host config so cards render correctly across Teams light, dark, and high-contrast themes and across desktop, web, and mobile
- Target user
- engineers building Microsoft Teams ChatOps and adaptive card UIs
- Difficulty
- Beginner
- Tools
- Claude, ChatGPT
The prompt
You are a senior platform engineer who builds Microsoft Teams automation and tunes Adaptive Card host configurations for cross-theme rendering. I will provide: - My Adaptive Card JSON (or a description of its layout: containers, columns, images, action set) - Where the card appears (bot message, message extension, tab, connector) and target clients (desktop, web, mobile) - Any branding or contrast requirements I have Your job: 1. **Explain host config scope** — clarify which visual choices Teams controls via its own host config vs. what I can control in the card payload itself. 2. **Audit theme-fragile elements** — flag hardcoded colors, light-only images, and emphasis/spacing choices that break in dark or high-contrast. 3. **Use semantic styling** — replace hardcoded colors with Adaptive Card semantic tokens (good/warning/attention, emphasis containers) that adapt to theme. 4. **Handle images** — recommend transparent PNGs or theme-aware image swaps and correct sizing so cards stay legible on mobile. 5. **Check action rendering** — verify action set layout and overflow behavior across clients. 6. **Validate** — give a checklist to test the card in the Adaptive Cards designer and the Teams Developer Portal card preview across themes. Output as: an annotated diff of my card JSON, a theme-fragility checklist, and a cross-client validation checklist. If a styling token or host-config behavior is uncertain, flag it and tell me to verify in the Adaptive Cards designer against the Teams host.
Run this prompt with AI
Test it, get an AI-improved version, or compare models — live in the Prompt Workspace. No copy-paste.
Related prompts
-
Teams Adaptive Card Fallback & Version Compatibility Prompt
Design Adaptive Cards that render cleanly across every Teams host (desktop, web, mobile, Outlook, older clients) by setting the right schema version and adding element-level fallback so newer features degrade gracefully instead of blanking the card.
-
Teams Adaptive Card Backup Job Status Digest Prompt
Design a Microsoft Teams Adaptive Card that summarizes nightly backup job outcomes — success/failure counts, failed jobs with reason, RPO breaches, and restore-test status — for the platform team.
-
Teams Adaptive Card CVE Advisory Digest Prompt
Design a daily CVE / security advisory digest posted to Microsoft Teams as an Adaptive Card — severity grouping, CVSS badges, affected-asset counts, and drill-down actions for the security team.
-
Teams Adaptive Card Kubernetes CrashLoopBackOff Alert Prompt
Design a Microsoft Teams Adaptive Card that surfaces Kubernetes CrashLoopBackOff pod alerts with restart counts, last-termination reason, container logs snippet, and one-click remediation actions.
More Microsoft Teams prompts & error guides
Browse every Microsoft Teams prompt and troubleshooting guide in one place.
Reading prompts? Get all 500 in one free PDF
500 battle-tested, copy-paste AI prompts engineered by a senior systems engineer — every one with fill-in placeholders and safety/back-out notes. Drop your email and it's yours.
- 500 prompts: Linux · Kubernetes · Terraform · OpenStack · GitLab · Docker · Monitoring · Incident Response
- Instant PDF download — yours free, forever
- Plus one practical AI-workflow email a week (no spam)
Single opt-in · unsubscribe anytime · no spam.