# Open Components (remote · mcp.opencomponents.dev)

Guidelines for UI components with a perfect UX, DX and AX, whether humans or AI agents write them.

- Trust score: 83/100 (high trust)
- Change this week: +3
- Registry status: active
- Liveness: live
- Owner verified: no
- Last scored: 2026-11-06

## Components

- remote · `mcp.opencomponents.dev`: 83/100 (this document), [markdown](https://verifymcp.io/servers/com-uxfront-open-components/mcp.md), [page](https://verifymcp.io/servers/com-uxfront-open-components/mcp)

## Channel facts

- Endpoint: `https://mcp.opencomponents.dev/mcp`
- Transports: `streamable-http`
- Auth: `none`
- Version: `1.0.0`

## Trust breakdown

How this component scores in each security and reliability category. Every signal is checked automatically against the live server, and we only credit what we can confirm. Scores are 0–100 per category. Scoring method: https://verifymcp.io/docs/scoring (what has changed: https://verifymcp.io/docs/scoring/changelog)

Scored 2026-11-06.

- **Endpoint Security**: 69/100
  - The endpoint's TLS certificate is valid, in date, and uses a strong key.
  - No authorisation is required to call this server. Nothing on it is marked destructive, but we can't show that an anonymous caller can only read: full credit needs the server to list at least one tool and every tool to be verifiably read-only. We use a best-effort check of tool names and descriptions to tell read-only tools from tools that change things, so some genuinely read-only tools may not get full credit. Names that start with a read verb (get, list, read, search and similar) and accurate readOnlyHint annotations help. Meet that to earn full credit, or require authorisation.
  - HTTPS enforcement could not be verified: the plaintext port answered with HTTP 405, which proves neither a plaintext path nor enforcement.
  - The HSTS (Strict-Transport-Security) header is present.
  - DNSSEC check failed: this domain isn't protected by DNSSEC.
- **Transport & Reachability**: 100/100
  - Verified streamable-http transport via a live MCP handshake.
- **Schema Quality & AI Usability**: 87/100
  - 100% of prompts and resources have a non-trivial description (not blank, and not just the item's name).
  - AI-judged instruction clarity (excellent).
  - Tool/resource definitions use about 3116 tokens (~79/item across 39 items; 6 tools + 33 resources), lean.
  - Usage-examples check failed: none of the tools include examples.
- **Stability & Change Management**: 83/100
  - Stability observed for 25 of 30 days with no destabilising changes; credit accrues until the full window elapses.
- **Tool Coverage**: 99/100
  - 100% of tools have a non-trivial description (not blank, and not just the tool's name).
  - 95% of tool parameters carry a description.
  - Structured output schemas are declared (50% of tools); any adoption earns full credit.
- **Tool Safety**: 100/100
  - No prompt-injection markers were found in the server instructions, tool names or descriptions we captured.
  - We read all 6 captured tool definition(s), and no name or description among them implies an irreversible operation.
  - An AI judge read all 8 captured unit(s) of tool text and found none that tries to manipulate the model reading it.
- **Capabilities**: 100/100
  - Implements a supported MCP spec version (2025-11-25); the latest is 2026-07-28.

## Install

### How do I install the Open Components MCP server?

Open Components is a hosted endpoint at https://mcp.opencomponents.dev/mcp, so there is nothing to install locally. Ready-made configuration for Claude, Cursor, VS Code, Codex and 5 more is on this page, copied from each client's own documentation.

### Claude

```bash
claude mcp add --transport http com-uxfront-open-components 'https://mcp.opencomponents.dev/mcp'
```

### Cursor

```json
{
  "mcpServers": {
    "com-uxfront-open-components": {
      "url": "https://mcp.opencomponents.dev/mcp"
    }
  }
}
```

### VS Code

```json
{
  "servers": {
    "com-uxfront-open-components": {
      "type": "http",
      "url": "https://mcp.opencomponents.dev/mcp"
    }
  }
}
```

### Codex

```toml
[mcp_servers.com-uxfront-open-components]
url = "https://mcp.opencomponents.dev/mcp"
```

### opencode

```json
{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "com-uxfront-open-components": {
      "type": "remote",
      "url": "https://mcp.opencomponents.dev/mcp",
      "enabled": true
    }
  }
}
```

### OpenClaw

```bash
openclaw mcp add com-uxfront-open-components --url 'https://mcp.opencomponents.dev/mcp' --transport streamable-http
```

### Hermes

```yaml
mcp_servers:
  com-uxfront-open-components:
    url: "https://mcp.opencomponents.dev/mcp"
```

### Netclaw

```json
{
  "McpServers": {
    "com-uxfront-open-components": {
      "Transport": "http",
      "Url": "https://mcp.opencomponents.dev/mcp"
    }
  }
}
```

### Vellum

```bash
assistant mcp add com-uxfront-open-components -t streamable-http -u 'https://mcp.opencomponents.dev/mcp'
```

### Other

```json
{
  "mcpServers": {
    "com-uxfront-open-components": {
      "type": "http",
      "url": "https://mcp.opencomponents.dev/mcp"
    }
  }
}
```

The mcpServers block is a cross-client convention. Remote transports vary, so check your client's docs.

## Changelog

Every change recorded for this component, newest first. Days that predate change tracking, or that we cannot explain, say so: "we were watching and nothing happened" and "we were not watching" are different claims.

### 2026-11-06 (score 83, +1)

- [functional] We updated how we score, so this day's move reflects our rubric, not a change to the server

### 2026-11-05 (score 82, 0)

- [security] Resource “button” now points somewhere else: https://opencomponents.dev/raw/docs/components/button.yaml → https://opencomponents.dev/raw/docs/components/button.md
- [security] Resource “card” now points somewhere else: https://opencomponents.dev/raw/docs/components/card.yaml → https://opencomponents.dev/raw/docs/components/card.md
- [security] Resource “checkbox” now points somewhere else: https://opencomponents.dev/raw/docs/components/checkbox.yaml → https://opencomponents.dev/raw/docs/components/checkbox.md
- [security] Resource “checkbox-group” now points somewhere else: https://opencomponents.dev/raw/docs/components/checkbox-group.yaml → https://opencomponents.dev/raw/docs/components/checkbox-group.md
- [security] Resource “design-tokens” now points somewhere else: https://opencomponents.dev/raw/docs/foundations/design-tokens.yaml → https://opencomponents.dev/raw/docs/foundations/design-tokens.md
- [security] Resource “dialog” now points somewhere else: https://opencomponents.dev/raw/docs/components/dialog.yaml → https://opencomponents.dev/raw/docs/components/dialog.md
- [security] Resource “field” now points somewhere else: https://opencomponents.dev/raw/docs/components/field.yaml → https://opencomponents.dev/raw/docs/components/field.md
- [security] Resource “input” now points somewhere else: https://opencomponents.dev/raw/docs/components/input.yaml → https://opencomponents.dev/raw/docs/components/input.md
- [security] Resource “popover” now points somewhere else: https://opencomponents.dev/raw/docs/components/popover.yaml → https://opencomponents.dev/raw/docs/components/popover.md
- [security] Resource “radio-group” now points somewhere else: https://opencomponents.dev/raw/docs/components/radio-group.yaml → https://opencomponents.dev/raw/docs/components/radio-group.md
- [security] Resource “spinner” now points somewhere else: https://opencomponents.dev/raw/docs/components/spinner.yaml → https://opencomponents.dev/raw/docs/components/spinner.md
- [security] Resource “switch” now points somewhere else: https://opencomponents.dev/raw/docs/components/switch.yaml → https://opencomponents.dev/raw/docs/components/switch.md
- [security] Resource “textarea” now points somewhere else: https://opencomponents.dev/raw/docs/components/textarea.yaml → https://opencomponents.dev/raw/docs/components/textarea.md
- [security] Resource “tooltip” now points somewhere else: https://opencomponents.dev/raw/docs/components/tooltip.yaml → https://opencomponents.dev/raw/docs/components/tooltip.md

### 2026-11-04 (score 82, +1)

- [security] Resource “button” now points somewhere else: https://opencomponents.dev/raw/docs/components/button.yaml → https://opencomponents.dev/raw/docs/components/button.md
- [security] Resource “card” now points somewhere else: https://opencomponents.dev/raw/docs/components/card.yaml → https://opencomponents.dev/raw/docs/components/card.md
- [security] Resource “checkbox” now points somewhere else: https://opencomponents.dev/raw/docs/components/checkbox.yaml → https://opencomponents.dev/raw/docs/components/checkbox.md
- [security] Resource “checkbox-group” now points somewhere else: https://opencomponents.dev/raw/docs/components/checkbox-group.yaml → https://opencomponents.dev/raw/docs/components/checkbox-group.md
- [security] Resource “design-tokens” now points somewhere else: https://opencomponents.dev/raw/docs/foundations/design-tokens.yaml → https://opencomponents.dev/raw/docs/foundations/design-tokens.md
- [security] Resource “dialog” now points somewhere else: https://opencomponents.dev/raw/docs/components/dialog.yaml → https://opencomponents.dev/raw/docs/components/dialog.md
- [security] Resource “field” now points somewhere else: https://opencomponents.dev/raw/docs/components/field.yaml → https://opencomponents.dev/raw/docs/components/field.md
- [security] Resource “input” now points somewhere else: https://opencomponents.dev/raw/docs/components/input.yaml → https://opencomponents.dev/raw/docs/components/input.md
- [security] Resource “popover” now points somewhere else: https://opencomponents.dev/raw/docs/components/popover.yaml → https://opencomponents.dev/raw/docs/components/popover.md
- [security] Resource “radio-group” now points somewhere else: https://opencomponents.dev/raw/docs/components/radio-group.yaml → https://opencomponents.dev/raw/docs/components/radio-group.md
- [security] Resource “spinner” now points somewhere else: https://opencomponents.dev/raw/docs/components/spinner.yaml → https://opencomponents.dev/raw/docs/components/spinner.md
- [security] Resource “switch” now points somewhere else: https://opencomponents.dev/raw/docs/components/switch.yaml → https://opencomponents.dev/raw/docs/components/switch.md
- [security] Resource “textarea” now points somewhere else: https://opencomponents.dev/raw/docs/components/textarea.yaml → https://opencomponents.dev/raw/docs/components/textarea.md
- [security] Resource “tooltip” now points somewhere else: https://opencomponents.dev/raw/docs/components/tooltip.yaml → https://opencomponents.dev/raw/docs/components/tooltip.md

### 2026-11-03 (score 81, 0)

- [security] Resource “button” now points somewhere else: https://opencomponents.dev/raw/docs/components/button.yaml → https://opencomponents.dev/raw/docs/components/button.md
- [security] Resource “card” now points somewhere else: https://opencomponents.dev/raw/docs/components/card.yaml → https://opencomponents.dev/raw/docs/components/card.md
- [security] Resource “checkbox” now points somewhere else: https://opencomponents.dev/raw/docs/components/checkbox.yaml → https://opencomponents.dev/raw/docs/components/checkbox.md
- [security] Resource “checkbox-group” now points somewhere else: https://opencomponents.dev/raw/docs/components/checkbox-group.yaml → https://opencomponents.dev/raw/docs/components/checkbox-group.md
- [security] Resource “design-tokens” now points somewhere else: https://opencomponents.dev/raw/docs/foundations/design-tokens.yaml → https://opencomponents.dev/raw/docs/foundations/design-tokens.md
- [security] Resource “dialog” now points somewhere else: https://opencomponents.dev/raw/docs/components/dialog.yaml → https://opencomponents.dev/raw/docs/components/dialog.md
- [security] Resource “field” now points somewhere else: https://opencomponents.dev/raw/docs/components/field.yaml → https://opencomponents.dev/raw/docs/components/field.md
- [security] Resource “input” now points somewhere else: https://opencomponents.dev/raw/docs/components/input.yaml → https://opencomponents.dev/raw/docs/components/input.md
- [security] Resource “popover” now points somewhere else: https://opencomponents.dev/raw/docs/components/popover.yaml → https://opencomponents.dev/raw/docs/components/popover.md
- [security] Resource “radio-group” now points somewhere else: https://opencomponents.dev/raw/docs/components/radio-group.yaml → https://opencomponents.dev/raw/docs/components/radio-group.md
- [security] Resource “spinner” now points somewhere else: https://opencomponents.dev/raw/docs/components/spinner.yaml → https://opencomponents.dev/raw/docs/components/spinner.md
- [security] Resource “switch” now points somewhere else: https://opencomponents.dev/raw/docs/components/switch.yaml → https://opencomponents.dev/raw/docs/components/switch.md
- [security] Resource “textarea” now points somewhere else: https://opencomponents.dev/raw/docs/components/textarea.yaml → https://opencomponents.dev/raw/docs/components/textarea.md
- [security] Resource “tooltip” now points somewhere else: https://opencomponents.dev/raw/docs/components/tooltip.yaml → https://opencomponents.dev/raw/docs/components/tooltip.md

### 2026-11-02 (score 81, 0)

- [security] Resource “button” now points somewhere else: https://opencomponents.dev/raw/docs/components/button.yaml → https://opencomponents.dev/raw/docs/components/button.md
- [security] Resource “card” now points somewhere else: https://opencomponents.dev/raw/docs/components/card.yaml → https://opencomponents.dev/raw/docs/components/card.md
- [security] Resource “checkbox” now points somewhere else: https://opencomponents.dev/raw/docs/components/checkbox.yaml → https://opencomponents.dev/raw/docs/components/checkbox.md
- [security] Resource “checkbox-group” now points somewhere else: https://opencomponents.dev/raw/docs/components/checkbox-group.yaml → https://opencomponents.dev/raw/docs/components/checkbox-group.md
- [security] Resource “design-tokens” now points somewhere else: https://opencomponents.dev/raw/docs/foundations/design-tokens.yaml → https://opencomponents.dev/raw/docs/foundations/design-tokens.md
- [security] Resource “dialog” now points somewhere else: https://opencomponents.dev/raw/docs/components/dialog.yaml → https://opencomponents.dev/raw/docs/components/dialog.md
- [security] Resource “field” now points somewhere else: https://opencomponents.dev/raw/docs/components/field.yaml → https://opencomponents.dev/raw/docs/components/field.md
- [security] Resource “input” now points somewhere else: https://opencomponents.dev/raw/docs/components/input.yaml → https://opencomponents.dev/raw/docs/components/input.md
- [security] Resource “popover” now points somewhere else: https://opencomponents.dev/raw/docs/components/popover.yaml → https://opencomponents.dev/raw/docs/components/popover.md
- [security] Resource “radio-group” now points somewhere else: https://opencomponents.dev/raw/docs/components/radio-group.yaml → https://opencomponents.dev/raw/docs/components/radio-group.md
- [security] Resource “spinner” now points somewhere else: https://opencomponents.dev/raw/docs/components/spinner.yaml → https://opencomponents.dev/raw/docs/components/spinner.md
- [security] Resource “switch” now points somewhere else: https://opencomponents.dev/raw/docs/components/switch.yaml → https://opencomponents.dev/raw/docs/components/switch.md
- [security] Resource “textarea” now points somewhere else: https://opencomponents.dev/raw/docs/components/textarea.yaml → https://opencomponents.dev/raw/docs/components/textarea.md
- [security] Resource “tooltip” now points somewhere else: https://opencomponents.dev/raw/docs/components/tooltip.yaml → https://opencomponents.dev/raw/docs/components/tooltip.md

### 2026-11-01 (score 81, +1)

- [security] Resource “button” now points somewhere else: https://opencomponents.dev/raw/docs/components/button.yaml → https://opencomponents.dev/raw/docs/components/button.md
- [security] Resource “card” now points somewhere else: https://opencomponents.dev/raw/docs/components/card.yaml → https://opencomponents.dev/raw/docs/components/card.md
- [security] Resource “checkbox” now points somewhere else: https://opencomponents.dev/raw/docs/components/checkbox.yaml → https://opencomponents.dev/raw/docs/components/checkbox.md
- [security] Resource “checkbox-group” now points somewhere else: https://opencomponents.dev/raw/docs/components/checkbox-group.yaml → https://opencomponents.dev/raw/docs/components/checkbox-group.md
- [security] Resource “design-tokens” now points somewhere else: https://opencomponents.dev/raw/docs/foundations/design-tokens.yaml → https://opencomponents.dev/raw/docs/foundations/design-tokens.md
- [security] Resource “dialog” now points somewhere else: https://opencomponents.dev/raw/docs/components/dialog.yaml → https://opencomponents.dev/raw/docs/components/dialog.md
- [security] Resource “field” now points somewhere else: https://opencomponents.dev/raw/docs/components/field.yaml → https://opencomponents.dev/raw/docs/components/field.md
- [security] Resource “input” now points somewhere else: https://opencomponents.dev/raw/docs/components/input.yaml → https://opencomponents.dev/raw/docs/components/input.md
- [security] Resource “popover” now points somewhere else: https://opencomponents.dev/raw/docs/components/popover.yaml → https://opencomponents.dev/raw/docs/components/popover.md
- [security] Resource “radio-group” now points somewhere else: https://opencomponents.dev/raw/docs/components/radio-group.yaml → https://opencomponents.dev/raw/docs/components/radio-group.md
- [security] Resource “spinner” now points somewhere else: https://opencomponents.dev/raw/docs/components/spinner.yaml → https://opencomponents.dev/raw/docs/components/spinner.md
- [security] Resource “switch” now points somewhere else: https://opencomponents.dev/raw/docs/components/switch.yaml → https://opencomponents.dev/raw/docs/components/switch.md
- [security] Resource “textarea” now points somewhere else: https://opencomponents.dev/raw/docs/components/textarea.yaml → https://opencomponents.dev/raw/docs/components/textarea.md
- [security] Resource “tooltip” now points somewhere else: https://opencomponents.dev/raw/docs/components/tooltip.yaml → https://opencomponents.dev/raw/docs/components/tooltip.md

### 2026-10-31 (score 80, 0)

- [security] Resource “button” now points somewhere else: https://opencomponents.dev/raw/docs/components/button.yaml → https://opencomponents.dev/raw/docs/components/button.md
- [security] Resource “card” now points somewhere else: https://opencomponents.dev/raw/docs/components/card.yaml → https://opencomponents.dev/raw/docs/components/card.md
- [security] Resource “checkbox” now points somewhere else: https://opencomponents.dev/raw/docs/components/checkbox.yaml → https://opencomponents.dev/raw/docs/components/checkbox.md
- [security] Resource “checkbox-group” now points somewhere else: https://opencomponents.dev/raw/docs/components/checkbox-group.yaml → https://opencomponents.dev/raw/docs/components/checkbox-group.md
- [security] Resource “design-tokens” now points somewhere else: https://opencomponents.dev/raw/docs/foundations/design-tokens.yaml → https://opencomponents.dev/raw/docs/foundations/design-tokens.md
- [security] Resource “dialog” now points somewhere else: https://opencomponents.dev/raw/docs/components/dialog.yaml → https://opencomponents.dev/raw/docs/components/dialog.md
- [security] Resource “input” now points somewhere else: https://opencomponents.dev/raw/docs/components/input.yaml → https://opencomponents.dev/raw/docs/components/input.md
- [security] Resource “popover” now points somewhere else: https://opencomponents.dev/raw/docs/components/popover.yaml → https://opencomponents.dev/raw/docs/components/popover.md
- [security] Resource “radio-group” now points somewhere else: https://opencomponents.dev/raw/docs/components/radio-group.yaml → https://opencomponents.dev/raw/docs/components/radio-group.md
- [security] Resource “spinner” now points somewhere else: https://opencomponents.dev/raw/docs/components/spinner.yaml → https://opencomponents.dev/raw/docs/components/spinner.md
- [security] Resource “switch” now points somewhere else: https://opencomponents.dev/raw/docs/components/switch.yaml → https://opencomponents.dev/raw/docs/components/switch.md
- [security] Resource “textarea” now points somewhere else: https://opencomponents.dev/raw/docs/components/textarea.yaml → https://opencomponents.dev/raw/docs/components/textarea.md
- [security] Resource “tooltip” now points somewhere else: https://opencomponents.dev/raw/docs/components/tooltip.yaml → https://opencomponents.dev/raw/docs/components/tooltip.md
- [functional] New resource “field”
- [cosmetic] “get-page” reworded the description of “path”

### 2026-10-30 (score 80, +1)

- [security] Resource “button” now points somewhere else: https://opencomponents.dev/raw/docs/components/button.yaml → https://opencomponents.dev/raw/docs/components/button.md
- [security] Resource “card” now points somewhere else: https://opencomponents.dev/raw/docs/components/card.yaml → https://opencomponents.dev/raw/docs/components/card.md
- [security] Resource “checkbox” now points somewhere else: https://opencomponents.dev/raw/docs/components/checkbox.yaml → https://opencomponents.dev/raw/docs/components/checkbox.md
- [security] Resource “checkbox-group” now points somewhere else: https://opencomponents.dev/raw/docs/components/checkbox-group.yaml → https://opencomponents.dev/raw/docs/components/checkbox-group.md
- [security] Resource “design-tokens” now points somewhere else: https://opencomponents.dev/raw/docs/foundations/design-tokens.yaml → https://opencomponents.dev/raw/docs/foundations/design-tokens.md
- [security] Resource “dialog” now points somewhere else: https://opencomponents.dev/raw/docs/components/dialog.yaml → https://opencomponents.dev/raw/docs/components/dialog.md
- [security] Resource “input” now points somewhere else: https://opencomponents.dev/raw/docs/components/input.yaml → https://opencomponents.dev/raw/docs/components/input.md
- [security] Resource “popover” now points somewhere else: https://opencomponents.dev/raw/docs/components/popover.yaml → https://opencomponents.dev/raw/docs/components/popover.md
- [security] Resource “radio-group” now points somewhere else: https://opencomponents.dev/raw/docs/components/radio-group.yaml → https://opencomponents.dev/raw/docs/components/radio-group.md
- [security] Resource “spinner” now points somewhere else: https://opencomponents.dev/raw/docs/components/spinner.yaml → https://opencomponents.dev/raw/docs/components/spinner.md
- [security] Resource “switch” now points somewhere else: https://opencomponents.dev/raw/docs/components/switch.yaml → https://opencomponents.dev/raw/docs/components/switch.md
- [security] Resource “textarea” now points somewhere else: https://opencomponents.dev/raw/docs/components/textarea.yaml → https://opencomponents.dev/raw/docs/components/textarea.md
- [security] Resource “tooltip” now points somewhere else: https://opencomponents.dev/raw/docs/components/tooltip.yaml → https://opencomponents.dev/raw/docs/components/tooltip.md

## MCP tools (6)

### `get-contract` (~199 tokens)

Get Contract

Returns the contract of a component or a foundation, as YAML: its API (props, slots and events), its DOM contract (element, role, states, keyboard and parts), its tokens, and every rule in its checklist, each with a stable ID (like button/keep-focus), a level (must or should), a scope (component, usage or both) and how to check it. It holds every requirement in a fraction of the page's length, and it's the same file as https://opencomponents.dev/raw/docs/<path>.yaml.

WHEN TO USE: first, before you build, review or explain a component or its tokens.
WHEN NOT TO USE: for some of the rules only (by scope, layer, level or check), use list-rules. For the reasoning or the examples behind a rule, use get-page with its sections.

Input parameters:

- `component` (string, required): The component or foundation, like button or design-tokens.

### `get-page` (~343 tokens)

Get Page

Reads a docs page as markdown, whole or just the sections you name. Component pages explain why each rule exists, with examples in React, Vue, Svelte, Angular, Solid, Astro and Vanilla: pass a framework to keep only its examples.

WHEN TO USE: for the reasoning, an example or the details behind a rule (like the sections ["Loading"] of the button's page), or for a page without a contract, like the introduction or the roadmap.
WHEN NOT TO USE: for the requirements alone, use get-contract or list-rules, which are much shorter. To find which page or section covers a topic, use search-docs.

A page longer than about 8,000 tokens, like the button's, returns its outline instead: every heading with its anchor and length, so you can ask for the sections you need. So do sections that are too long to return together.

Input parameters:

- `framework` (string): Your framework, to keep only its examples.
- `path` (string, required): The page: its name (introduction, roadmap, mcp-server, agent-plugin, design-tokens, button, card, checkbox-group, checkbox, dialog, field, input, popover, radio-group, spinner, switch, textarea, tool…
- `sections` (array): The sections to read, by heading or anchor, like ["Loading"] or ["#ux-rules"]. Each comes with its sub-sections. Name a parent to tell apart headings that repeat, as in "Every state > Loading".

### `get-reference-implementation` (~172 tokens)

Get Reference Implementation

Returns a shipped component's reference implementation: a Vue 3 component that meets every rule in its checklist, the tests that prove it, the helpers it shares with other components and its theme tokens. The live examples on the site run on this code.

WHEN TO USE: to build a component that meets the standard, in Vue or by porting it and its tests to another framework, or to see how a rule is met in code.
WHEN NOT TO USE: for the requirements, use get-contract. For how the component is used in another framework, use get-page with that framework.

Input parameters:

- `component` (string, required): A component with a reference implementation, like button.
- `files` (array): Only these files, like ["Button.vue"] or ["Button.test.ts"]. Leave it out for every file.

### `list-components` (~167 tokens)

List Components

Lists what the Open Components standard covers: the components that have shipped (like Button), the foundations every component follows (like Design Tokens), and the components planned on the Roadmap.

WHEN TO USE: to check whether a component has a standard yet, to get the name the other tools take for it, or to see what's planned.
WHEN NOT TO USE: if you already know the component, call get-contract directly. To find a topic in the docs, use search-docs.

Shipped entries come with their page, their contract and how many rules they have. Planned ones have no page, contract or rules yet: hold them to the three layers and Design Tokens, following the Button's structure, as the build-component prompt does.

Input parameters:

- `status` (string): Which components to list.

Output parameters:

- `components` (array)
- `total` (number)

### `list-rules` (~458 tokens)

List Rules

Lists checklist rules as records, filtered by component, ID, scope, layer, level or check. Each rule has a stable ID to cite in reviews and commits, its level (must or should), its scope, its requirement, how to check it (like a unit test, a review or axe's button-name rule) and a link to it.

WHEN TO USE: to review code rule by rule, to get only the rules that apply to a task, to look rules up by ID, or to find the ones a tool can check. Pass scope ["component", "both"] to build or review a component, and ["usage", "both"] to review a screen that uses it.
WHEN NOT TO USE: for a component's API, DOM contract and tokens, use get-contract, which has every rule too.

It returns up to 50 rules at a time, and total counts every rule that matches. When there are more, pass nextOffset as offset, with the same filters, to get the next page.

A component meets the standard when it meets every must rule. Each should rule is expected unless there's a good reason not to follow it.

Input parameters:

- `automated` (boolean): true for the rules tools check all of (unit tests, axe, a type check, a linter or a visual regression test), false for the ones a person checks, at least in part.
- `check` (array): How the rule is checked.
- `component` (string): The component or foundation, like button or design-tokens.
- `ids` (array): The IDs of the rules to look up, like ["button/keep-focus"].
- `layer` (array): ui (how it looks), ux (user experience), dx (developer experience) or ax (agentic experience).
- `level` (array)
- `limit` (integer): How many rules to return, at most.
- `offset` (integer): Where the page starts: 0, or the nextOffset of the page before.
- `scope` (array): Who meets the rule: component (the component itself), usage (the code that uses it) or both. Rules without a scope, like the Design Tokens', match any scope.

Output parameters:

- `nextOffset` (number): The offset of the next page, when there is one.
- `rules` (array)
- `total` (number): How many rules match, on every page.
- `unknown` (array): The IDs asked for that no rule has, with the ones that might have been meant.

### `search-docs` (~217 tokens)

Search Docs

Searches the whole standard, every section of every page and every checklist rule, and returns the best matches: where each one is, a short excerpt, and for rules, their ID, level and scope.

WHEN TO USE: to find where a topic is covered when you don't know the page or the section, like "focus after delete", "spinner", "aria-pressed" or "dark mode". Then read a section with get-page, or rules with list-rules.
WHEN NOT TO USE: to list a component's rules, use list-rules. To see which components there are, use list-components.

Search for a few specific words rather than a whole question.

Input parameters:

- `component` (string): Only search this page and its rules, like button or design-tokens.
- `limit` (integer): How many results to return, at most.
- `query` (string, required): A few words, like "focus after delete" or "aria-pressed".
- `type` (string): Only search sections, or only rules.

Output parameters:

- `query` (string)
- `results` (array)
- `total` (number): How many sections and rules match, of which the best come first.

## Diagnostics

Captured diagnostic sections: TLS, DNSSEC, Authorisation, Transports. The full working is on the page: https://verifymcp.io/servers/com-uxfront-open-components/mcp#diagnostics

## Score history

- 2026-11-06: 83
- 2026-11-05: 82
- 2026-11-04: 82
- 2026-11-03: 81
- 2026-11-02: 81
- 2026-11-01: 81
- 2026-10-31: 80
- 2026-10-30: 80
- 2026-10-29: 79
- 2026-10-28: 79
- 2026-10-27: 78
- 2026-10-26: 78
- 2026-10-25: 77
- 2026-10-24: 77
- 2026-10-23: 76
- 2026-10-22: 76
- 2026-10-21: 75
- 2026-10-20: 75
- 2026-10-19: 74
- 2026-10-18: 74
- 2026-10-17: 74
- 2026-10-16: 73
- 2026-10-15: 72
- 2026-10-14: 72
- 2026-10-13: 71
- 2026-10-12: 71

## Common questions

### What is the Open Components MCP server?

Open Components is an MCP server listed in the public MCP registry as com.uxfront/open-components. Guidelines for UI components with a perfect UX, DX and AX, whether humans or AI agents write them. This page covers its hosted endpoint (https://mcp.opencomponents.dev/mcp).

### Is the Open Components MCP server safe to use?

Open Components scores 83 out of 100 on VerifyMCP. That is a record of what we were able to check automatically, not an endorsement. The category breakdown on this page shows every signal behind the number, including the ones we could not confirm.

### What tools does the Open Components MCP server expose?

Open Components exposes 6 tools: get-contract, get-page, get-reference-implementation, list-components, list-rules, search-docs. Their descriptions and schemas cost roughly 1,556 tokens of context every time the server is loaded.

### Does the Open Components MCP server require authentication?

No. We connected to Open Components without credentials and it answered, so anything it exposes is reachable by anyone who knows the address.

### Is the Open Components MCP server still maintained?

Open Components is still listed as active in the MCP registry. We last reached this channel on 6 November 2026. Those dates come from our own scans of the registry and the channel itself, not from anything the publisher announced.

### What did VerifyMCP test on the Open Components MCP server?

VerifyMCP ran 12 checks on Open Components, covering TLS certificate, Authorization, HSTS header, DNSSEC and 8 more. One item could not be completed, a gap on our side rather than a finding about Open Components: HTTPS. Supply Chain Security and Provenance & Transparency do not apply to a hosted endpoint, so they were not tested. The score does not measure everything, and the scoring documentation lists what it leaves out.

## Links

- Remote endpoint: https://mcp.opencomponents.dev/mcp
- Repository: https://github.com/uxfront-com/open-components
- Website: https://opencomponents.dev/docs/getting-started/mcp-server
- Changelog RSS feed: https://verifymcp.io/servers/com-uxfront-open-components/mcp.xml
- Changelog JSON feed: https://verifymcp.io/servers/com-uxfront-open-components/mcp/changelog.json
- Trust report (JSON): https://verifymcp.io/servers/com-uxfront-open-components/mcp.json
- HTML version of this page: https://verifymcp.io/servers/com-uxfront-open-components/mcp
