# Agent canvas — Detent

> Your product, working inside Claude, ChatGPT or Grok. Someone says what should happen, the agent checks off its work in the chat, and the result writes itself on a canvas beside it: the rule, the Linear issue it will open and the Slack post it will send.

Canonical: https://detentui.com/components/agent-canvas
Last updated: 2026-11-10

## About

Your product, working inside Claude, ChatGPT or Grok. Someone says what should happen, the agent checks off its work in the chat, and the result writes itself on a canvas beside it: the rule, the Linear issue it will open and the Slack post it will send.

## Details

- Nothing turns on by itself: the agent asks first, and `onEnable` or `onDraft` tells you which they chose.
- Switch agents and the same request plays out inside that one, with its real mark. Claude, ChatGPT and Grok are built in, and you can add your own.
- Cards take a title, a body with bold and mentions, chips and an avatar, so the canvas can show an issue, a message, an email or anything your product makes.
- Make it yours with `respond`: return your own steps, title, stat and cards, from a fixed plan or a real call to Claude, OpenAI or xAI, and it writes them onto the canvas.
- Follows light and dark, works on a phone, and with reduced motion everything lands at once.

## Install

```bash
npx shadcn add https://detentui.com/r/agent-canvas
```

## Related
- [All components](https://detentui.com/components)
- [Pro](https://detentui.com/pro)