# Open Components

## Documentation Sets

- [Open Components](https://opencomponents.dev/llms-full.txt)

## MCP Server

The Open Components MCP server, over streamable HTTP: the contracts, every rule and the docs, a section at a time, for agents to build and review components with.

- [Open Components MCP server](https://mcp.opencomponents.dev/mcp): Connect an MCP client to this URL, with no authentication
- [MCP Server](https://opencomponents.dev/raw/docs/getting-started/mcp-server.md): How to connect it to Claude Code, Cursor, VS Code and other clients, and what it offers

## Agent Plugin

The Open Components agent plugin, for clients that support Agent Plugins: skills that build and review components rule by rule, and the MCP server they read the standard from.

- [Agent Plugin](https://opencomponents.dev/raw/docs/getting-started/agent-plugin.md): How to install it in VS Code, GitHub Copilot, Cursor, Codex, Claude Code and other clients, and what it offers
- [Open Components agent plugin](https://github.com/uxfront-com/open-components/tree/main/plugins/open-components): The plugin itself: its manifest, its MCP configuration and its skills

## Contracts

Every requirement for a component or convention, rules included, in one YAML file.

- [Design Tokens](https://opencomponents.dev/raw/docs/foundations/design-tokens.yaml): The Design Tokens contract, with every rule from its checklist
- [Button](https://opencomponents.dev/raw/docs/components/button.yaml): The Button contract, with every rule from its checklist
- [Spinner](https://opencomponents.dev/raw/docs/components/spinner.yaml): The Spinner contract, with every rule from its checklist
- [Input](https://opencomponents.dev/raw/docs/components/input.yaml): The Input contract, with every rule from its checklist
- [Contract schema](https://opencomponents.dev/schemas/contract.json): The JSON Schema every contract follows, for validating them, and contracts of your own

## Docs

- [Introduction](https://opencomponents.dev/raw/docs/getting-started/introduction.md): Open Components is the standard for perfect UI components, with a perfect user experience, developer experience and agentic experience.
- [Roadmap](https://opencomponents.dev/raw/docs/getting-started/roadmap.md): The components we're bringing to the standard, in the order we plan to ship them, and what goes into every page.
- [MCP Server](https://opencomponents.dev/raw/docs/getting-started/mcp-server.md): Connect your agents to the standard, so they can read the contracts, every rule and the docs a section at a time as they build and review components.
- [Agent Plugin](https://opencomponents.dev/raw/docs/getting-started/agent-plugin.md): Install the standard in your agent as one plugin, with skills that build and review components rule by rule, and our MCP server.
- [Design Tokens](https://opencomponents.dev/raw/docs/foundations/design-tokens.md): How to name the CSS variables behind your components, so that people, tools and agents all read them the same way.
- [Button](https://opencomponents.dev/raw/docs/components/button.md): How to build a button that looks right, works for everyone, feels familiar to every developer and can be checked by your agents.
- [Spinner](https://opencomponents.dev/raw/docs/components/spinner.md): How to build a spinner that shows something is busy, without getting in the way of screen readers, reduced motion or the layout around it.
- [Input](https://opencomponents.dev/raw/docs/components/input.md): How to build a text input that people can label, fill in and fix, that works with every keyboard, autofill and password manager, and that agents can check.

## Changelog

- [The agent plugin](https://opencomponents.dev/raw/changelog/agent-plugin.md): Install the standard in your agent as one plugin, with skills that build and review components rule by rule, and our MCP server.
- [The Button](https://opencomponents.dev/raw/changelog/button.md): Our first component page, on building a button that looks right, works for everyone, feels familiar to every developer and can be checked by your agents.
- [A schema for contracts](https://opencomponents.dev/raw/changelog/contract-schema.md): Every contract now follows a published JSON Schema, so you, your editor and your agents can validate one before relying on it.
- [Design Tokens and token paths](https://opencomponents.dev/raw/changelog/design-tokens.md): A new Foundations page on naming the CSS variables behind your components, so that people, tools and agents all read them the same way.
- [The Input](https://opencomponents.dev/raw/changelog/input.md): Our third component page, on a text input that people can label, fill in and fix, that works with every keyboard, autofill and password manager, and that agents can check.
- [The MCP server](https://opencomponents.dev/raw/changelog/mcp-server.md): Connect your agents to the standard over MCP, so they read the contracts, every rule and the docs a section at a time as they build and review components.
- [Where each rule comes from](https://opencomponents.dev/raw/changelog/rule-basis.md): Every rule now says where it comes from, so you can tell what WCAG asks for from where we go further, and the Button's keep-focus rule is one every button can meet.
- [The Spinner](https://opencomponents.dev/raw/changelog/spinner.md): Our second component page, on a spinner that shows something is busy without getting in the way of screen readers, reduced motion or the layout around it.