Claude Desktop Compose Preview Catalogs Resource/UI-builder design document (DesignDocumentV1)
How to: Claude Desktop Compose Preview Catalogs UI-builder design document (DesignDocumentV1)
Add Compose Preview Catalogs to Claude Desktop
-
01
Open ~/Library/Application Support/Claude/claude_desktop_config.json and merge this in. Keep any servers already there.
{
"mcpServers": {
"compose-preview": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://preview.coo.ee/mcp"
]
}
}
}-
02
Save the file and restart Claude Desktop.
-
03
UI-builder design document (DesignDocumentV1) is surfaced in the attachment menu, where you pick it as context. It is context to attach, not an action to run.
-
04
If it does not appear, check that Compose Preview Catalogs is connected and that you are looking at its resources rather than its tools.
Claude Desktop has no remote transport in its config file, so this bridges through mcp-remote. Restart the app after saving. Claude Desktop docs
Same resource, other clients
Read from the server itself, by connecting to it and calling resources/list on 30 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.