Compose Preview viewer — Compose Preview Catalogs MCP Resource
Compose Preview viewer
is one of 500 resources on the
Compose Preview Catalogs
MCP server. Connect the server and your client can attach it as context.
by client
How to attach Compose Preview viewer from your client
- Claude Code Compose Preview Catalogs Resource/Compose Preview viewer run in your project directory
- Claude Desktop Compose Preview Catalogs Resource/Compose Preview viewer ~/Library/Application Support/Claude/claude_desktop_config.json
- Cursor Compose Preview Catalogs Resource/Compose Preview viewer ~/.cursor/mcp.json
- VS Code Compose Preview Catalogs Resource/Compose Preview viewer .vscode/mcp.json
- Zed Compose Preview Catalogs Resource/Compose Preview viewer ~/.config/zed/settings.json
- Windsurf Compose Preview Catalogs Resource/Compose Preview viewer ~/.codeium/windsurf/mcp_config.json
- Cline Compose Preview Catalogs Resource/Compose Preview viewer ~/Library/Application Support/Code/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json
- Gemini CLI Compose Preview Catalogs Resource/Compose Preview viewer ~/.gemini/settings.json
- Grok Compose Preview Catalogs Resource/Compose Preview viewer .mcp.json (in your project root)
- ChatGPT Compose Preview Catalogs Resource/Compose Preview viewer Settings → Connectors → Advanced → Developer mode
- Claude.ai Compose Preview Catalogs Resource/Compose Preview viewer Settings → Connectors → Add custom connector
- LangChain Compose Preview Catalogs Resource/Compose Preview viewer pip install langchain-mcp-adapters
Other resources on this server
- Compose Preview library
- UI-builder design document (DesignDocumentV1)
- UI-builder design mutation (DesignMutationV1)
- a2ui-catalog: audioplayer__ideal__default
- a2ui-catalog: button__ideal__default
- a2ui-catalog: button__ideal__default__content-icon
- a2ui-catalog: button__ideal__default__variant-borderless
- a2ui-catalog: button__ideal__default__variant-default
- a2ui-catalog: card__ideal__default
- a2ui-catalog: checkbox__ideal__default
- a2ui-catalog: checkbox__ideal__unchecked
- a2ui-catalog: choicepicker__ideal__default
- a2ui-catalog: choicepicker__ideal__default__displaystyle-checkbox
- a2ui-catalog: choicepicker__ideal__default__variant-mutuallyexclusive
- a2ui-catalog: column__ideal__default
- a2ui-catalog: column__ideal__default__align-center
- a2ui-catalog: column__ideal__default__align-stretch
- a2ui-catalog: datetimeinput__ideal__default
- a2ui-catalog: datetimeinput__ideal__default__enabledate-false
- a2ui-catalog: datetimeinput__ideal__default__enabletime-false
- a2ui-catalog: divider__ideal__default
- a2ui-catalog: divider__ideal__default__axis-vertical
- a2ui-catalog: icon__ideal__default
- a2ui-catalog: icon__ideal__default__name-settings
- a2ui-catalog: icon__ideal__default__name-svgpath
- a2ui-catalog: image__ideal__default
- a2ui-catalog: image__ideal__default__variant-avatar
- a2ui-catalog: image__ideal__default__variant-header
- a2ui-catalog: image__ideal__default__variant-icon
- a2ui-catalog: image__ideal__default__variant-largefeature
- a2ui-catalog: image__ideal__default__variant-smallfeature
- a2ui-catalog: list__ideal__default
- a2ui-catalog: list__ideal__default__direction-horizontal
- a2ui-catalog: modal__ideal__default
- a2ui-catalog: row__ideal__default
- a2ui-catalog: row__ideal__default__justify-center
- a2ui-catalog: row__ideal__default__justify-end
- a2ui-catalog: row__ideal__default__justify-spacebetween
- a2ui-catalog: slider__ideal__default
- a2ui-catalog: tabs__ideal__default
Compose Preview Catalogs also offers 2 prompts — things you invoke, where a resource is context you attach.
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.