Dev tools · Official remote MCP server

The Open Components MCP server,
connected in one click.

Guidelines for UI components with a perfect UX, DX and AX, whether humans or AI agents write them. Connect the official Open Components MCP server to Claude, ChatGPT, or Cursor through gate — one gateway URL, no config files, security-checked.

Connect Open Components free How it works

Free to start · No credit card · No hosting needed

Use this server

Add Open Components to your AI in one minute

Pick your client. Copy, paste, done — or let gate handle sign-ins and policies for you.

claude mcp add --transport http open-components https://mcp.opencomponents.dev/mcp

Run in your terminal, then restart Claude Code.

Open Components · https://mcp.opencomponents.dev/mcp

What you can do

What your AI can do with Open Components

Real prompts you can type the moment it's connected — no setup, no docs to read.

“Use “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, ke.”

“Use “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, Vu.”

“Use “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, t.”

“Use “list-components”: Lists what the Open Components standard covers: the components that have shipped (like Button), the foundations every component follows (lik.”

Security check

How secure is the Open Components MCP server?

Every server in the gate directory has to pass the same four checks before your AI can touch it. Here's how Open Components holds up.

✓ Verified directory serverOpen Components · opencomponents.dev

Official endpoint

Operated by Open Components (opencomponents.dev) at its documented MCP endpoint — not a third-party mirror or community re-host.

No sign-in needed

This server only exposes public data — no account and no credentials are involved when you connect.

Scanned before it goes live

gate checks every tool for prompt injection, hidden instructions, data-exfiltration hints, and over-broad permissions before the server is available through your gateway.

Watched for drift

If Open Components adds or changes tools later, gate re-scans and alerts you — before your AI acts on the change.

Run the free scanner on Open Components's server →

How it works

Connected in three steps

Connect your gate

Add one gateway URL to Claude, ChatGPT, or any MCP client. One-time setup, about two minutes.

Pick Open Components

Choose Open Components in the gate directory. No sign-in needed.

Use it anywhere

Open Components's tools are live in every AI client you've connected — with rules and logging built in.

Connect Open Components free

Free to start · No credit card · No hosting needed

Straight from the server

The actual tools Open Components exposes

Fetched live from the official endpoint and re-checked daily by gate — not marketing copy.

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, ke

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, Vu

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, t

list-components — Lists what the Open Components standard covers: the components that have shipped (like Button), the foundations every component follows (lik

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

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

Author

Who runs the Open Components MCP server?

opencomponents.dev

Homepage More servers from opencomponents.dev →

Own this server? Claim the listing →

Server facts

The Open Components MCP server at a glance

Endpointhttps://mcp.opencomponents.dev/mcp

Operated byOpen Components (opencomponents.dev)

CategoryDev tools

Sign-inNone — public data only

Available in gateYes — one-click connect

Works withClaude, ChatGPT, Cursor & any MCP client

FAQ

Questions, answered

Is there an official Open Components MCP server?

Yes — Open Components operates its own remote MCP server at mcp.opencomponents.dev. gate connects you to that official endpoint and adds security scanning, per-tool access rules, and an activity log on top.

How do I connect Open Components to Claude or ChatGPT?

Add gate's gateway URL to your AI client once, then pick Open Components in the directory. No account or sign-in is needed. From then on, Open Components's tools are available in every client you've connected to gate.

Do I need to host anything?

No. Open Components runs the server, and gate is fully managed. You just connect one URL — there's nothing to install, deploy, or maintain.

Is the Open Components MCP server safe to connect?

It's the vendor's official endpoint, and gate scans its tools for prompt injection and hidden instructions before it goes live, re-checks it whenever it changes, and lets you allow, block, or require approval for every single tool.