Claude Code Canvs Resource/Canvas Preview Widget
How to: Claude Code Canvs Canvas Preview Widget
Add Canvs to Claude Code
-
01
Run this in your project directory.
claude mcp add --transport http canvs https://app.canvs.io/mcp-
02
Restart your session so the server is picked up.
-
03
Canvas Preview Widget is surfaced wherever your client lets you attach context. It is context to attach, not an action to run.
-
04
If it does not appear, check that Canvs is connected and that you are looking at its resources rather than its tools.
Adds it for this project only. Append --scope user to make it available everywhere. Claude Code docs
Same resource, other clients
Read from the server itself, by connecting to it and calling resources/list on 24 September 2026.
A listing does not declare its resources, so asking is the only way to know them, and this
is what the server actually offers rather than what its listing claims. Names only are
stored; connect the server for each resource's type and contents.