MCP Apps Theme Inspector

Example Use Cases

• 1

  Visualize and verify CSS theme variables injected by MCP hosts.

• 2

  Preview UI components styled with host-provided themes in light and dark modes.

• 3

  Debug or develop MCP Apps with accurate theme context.

Description

This MCP server registers a resource and tool to inspect and visualize CSS theme variables provided by the host environment, such as Claude.ai. It features a variables tab showing semantic color groups and typography scales, and a preview tab with full UI component samples in both light and dark themes. The tool helps developers and users understand and verify the active theme styling in MCP host applications.