← All examples

Runs locally

Answer card with React

A synthetic React application that shows tool-result answers in the optional React FaithfulCard from one self-contained MCP Apps resource, built twice from one implementation with two brands.

Where it works

Hosts and the evidence recorded for this example. “Not verified” means no run is recorded, and says nothing either way about support.
HostStatusEvidence
Claude webNot verifiedThe owner records local source and Chromium evidence only, with no named host observed. Source for Claude web
ChatGPT webNot verifiedThe owner records local source and Chromium evidence only, with no named host observed. Source for ChatGPT web
Alexa+Not verifiedThe owner records no Alexa+ observation, so host enforcement of the card’s content policy is unobserved. Source for Alexa+

Run it yourself

What you need

Build and check it from source

  1. From the SDK repository root, run nvm use and npm ci, then npx playwright install chromium.
  2. Run npm run build; it includes npm run build:react-card-consumer.
  3. Run npx vitest run --config vitest.config.ts scripts/react-card-consumer.test.ts for the headless checks.

Source and tutorials

← All examples