A Cursor Canvas is a live React app that the user can open beside the chat. You MUST use a canvas when the agent produces a standalone analytical artifact — quantitative analyses, billing investigations, security audits, architecture reviews, data-heavy content, timelines, charts, tables, interactive explorations, repeatable tools, or any response that benefits from visual layout. Especially prefer a canvas when presenting results from MCP tools (Datadog, Databricks, Linear, Sentry, Slack, etc.) where the data is the deliverable — render it in a rich canvas rather than dumping it into a markdown table or code block. If you catch yourself about to write a markdown table, stop and use a canvas instead. You MUST also read this skill whenever you create, edit, or debug any .canvas.tsx file.
$npx -y skills add kevin-liu-01/agent-machines --skill canvasInstalls into the current project.
Run `npx skills use "https://github.com/kevin-liu-01/agent-machines" --skill "kevin-liu-01/agent-machines/canvas"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/kevin-liu-01/agent-machines" that are relevant to the current task. Run `npx skills add "https://github.com/kevin-liu-01/agent-machines"` and select the relevant skills, then follow their instructions.