Open Components for Claude.ai

com.uxfront/open-components

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

client:Claude.ai transport:streamable-http tools:6

Install Open Components in Claude.ai

Settings → Connectors → Add custom connector

https://mcp.opencomponents.dev/mcp

Claude on the web takes a remote URL and completes OAuth in the browser. For a packaged server use Claude Desktop or Claude Code instead. Claude.ai docs

What Claude.ai can do once it is connected

get-contract
get-page
get-reference-implementation
list-components
list-rules
search-docs

Open Components in other clients

Claude Code
Claude Desktop
Cursor
VS Code
Zed
Windsurf
Cline
Gemini CLI
Grok
ChatGPT
LangChain

Open Components MCP server