Skip to main content
affpapa.org
RU EN
plugin official · GitHub

chat-cards — GitHub Copilot plugin: card decks instead of walls

A GitHub Copilot plugin that renders the agent's answers as a live deck of interactive cards: tabs, tables, SVG charts, forms and collapsible sections.

Install into GitHub Copilot · Command from the source All methods and platforms ↓ 
copilot plugin install chat-cards@awesome-copilot
Open on GitHub

What chat-cards does

Instead of a long reply, the agent builds a live card deck in the GitHub Copilot canvas. Cards can hold tab boxes, tables, SVG charts, collapsible sections, numbered outlines, rendered markdown documents and short video clips. That helps when an explanation has many connected pieces.

Forms are two-way: submitting one sends its values back into the conversation as the agent's next prompt. A card can therefore gather context and steer the session, not just present information. Worth knowing if you don't want a form submission to change where the conversation goes.

Install comes from the Awesome Copilot marketplace in a single command. MIT licensed.

What it helps with

  • split a long explanation across tabs and sections
  • chart metrics with SVG inside the conversation
  • collect user input in a form and feed it back to the agent
  • collapse secondary details into show/hide blocks
  • drop a rendered markdown document into the agent's reply

Example prompts for the agent

  • build tabbed cards for the setup steps
  • show a library comparison as a table and a chart
  • make a form for picking a stack and send the answer back

How to install chat-cards

Command from the source

copilot plugin install chat-cards@awesome-copilot

Step by step, with commands for each platform: Claude Code plugins: marketplaces, installing, and building your own

From the same set732

The whole set →
cms-development This plugin brings CMS-focused skills for themes, admin tools, Markdown rendering, and static exports. Use it when a project involves content workflows or publishing. ★ 40,418repo stars clojure-interactive-programming Adds REPL-first Clojure development workflows to GitHub Copilot. It helps evaluate code incrementally in a live REPL before modifying files. ★ 40,418repo stars chronicle-stats Tracks local Copilot token usage by day, model, and session, then offers tips for using it more economically. ★ 40,418repo stars chromium-control-canvas Opens an actual Chromium browser window for Copilot canvas controls and agent actions. Useful when you need to inspect UI and watch navigation directly. ★ 40,418repo stars cast-imaging Three GitHub Copilot subagents that map an application's structure, assess what a change will affect, and flag code quality issues with fix guidance. ★ 40,418repo stars backlog-swipe-triage Swipe through backlog issues and decide each one: assign, ask for info, defer, close or ignore. Useful when the issue list has grown past the point of reading it. ★ 40,418repo stars aws-cloud-development AWS cloud engineering tools and subagents for GitHub Copilot. It helps diagnose CloudWatch metrics, optimize cloud spend, and write Terraform IaC. ★ 40,418repo stars awesome-copilot This plugin recommends GitHub Copilot collections, instructions, agents, and skills for a repository. Use it to find relevant assets and spot outdated ones. ★ 40,418repo stars

Similar

pipefy-pipes-and-cards pipefy Gives your agent read and write access to Pipefy pipes, phases, fields and cards. Handy when you need to fill empty phases for a demo or a QA pass. CX Codex +1 675installs google-chat-messages jezweb A skill that lets your agent post to Google Chat through an incoming webhook: plain text, cardsV2 cards and threaded replies. CX Codex +1 1,200installs twitter-cards kostja94 Sets up and audits Twitter and X Card metadata for link previews in social feeds. CX Codex +1 1,100installs angular-developer Copyright 2026 Google LLC Generates Angular code and gives architecture guidance for components, services, forms, routing, and HTTP. Useful when starting or changing an Angular project. CX Codex +1 46,100installs repeated-component-alignment dembrandt A coding-agent skill that keeps cards, list rows and tiles aligned when text lengths differ. Useful whenever you build or review a repeated component. CX Codex +1 678installs integrate-atlas-chat cognitedata A skill that wires the Atlas chat into your app's own UI. Use it when the Fusion/EOS sidebar is not an option. CX Codex +1 1,900installs

Nearby in Agent setup: memory, context, orchestration

All plugins for Agent setup: memory, context, orchestration →

Questions about chat-cards

How do I install chat-cards in GitHub Copilot?

Run copilot plugin install chat-cards@awesome-copilot.

What does chat-cards do?

It renders the agent's answers as an interactive card deck: tab boxes, tables, SVG charts, forms, collapsible sections, numbered outlines, markdown documents and short video clips.

How do forms in chat-cards work?

Submitting a form sends its values back to the conversation as the agent's next prompt, so a card can gather context and steer the session.

Source text

chat-cards · MIT 
# Chat Cards Plugin

Interactive card deck for GitHub Copilot canvas. Instead of walls of text, the
agent explains things visually with a live deck of interactive cards: tab boxes,
tables, SVG charts, forms, collapsible sections, numbered outlines, rendered
markdown documents, and short video clips. Forms are two-way: submitting one
sends the values back to the conversation as the agent's next prompt, so a card
can gather context and steer the session as easily as it presents information.

## Installation

```bash
copilot plugin install chat-cards@awesome-copilot
```

## Source

This plugin is part of [Awesome Copilot](https://github.com/github/awesome-copilot).

## License

MIT

© John Haugabook · MIT · github/awesome-copilot

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor