# mcp-apps-theme-inspector

> mcp-apps-theme-inspector — osamu329-mcp-apps-theme-inspector. Use this tool when you need to visualize and inspect host CSS theme variables for MCP Apps, or preview UI components in both light and dark modes. It solves problems related to theme consistency and UI component design, providing a clear interface to input theme variables and output visual previews. Ideal for use during frontend development and debugging, especially when working with git version control.

Canonical page: https://skillsregistry.net/skills/osamu329-mcp-apps-theme-inspector  
JSON: https://api.skillsregistry.net/v1/skills/osamu329-mcp-apps-theme-inspector

## Description

MCP Apps tool that visualizes host CSS theme variables and previews UI components (light/dark). Runs on Cloudflare Workers.

## Trust

- **Trust score (0–1):** 0.99
- **Verification tier:** verified
- **Last scanned:** 2026-09-28

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** container
- **Runtime environment:** vm
- **License:** MIT
- **Updated:** 2026-09-28

## Source

- **Source listing:** [GitHub](https://github.com/osamu329/mcp-apps-theme-inspector)

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "osamu329-mcp-apps-theme-inspector"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/osamu329-mcp-apps-theme-inspector` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/osamu329-mcp-apps-theme-inspector/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt