oluizcarvalho/ui-context
Platform-specific configuration:
{
"mcpServers": {
"ui-context": {
"command": "npx",
"args": [
"-y",
"ui-context"
]
}
}
}Add the config above to .claude/settings.json under the mcpServers key.
<p align="center"> <h1 align="center">ui-context</h1> <p align="center"> <strong>Generate MCP Servers from frontend component libraries</strong> </p> <p align="center"> <a href="#quick-start">Quick Start</a> · <a href="#cli-commands">CLI Commands</a> · <a href="#mcp-tools">MCP Tools</a> · <a href="https://oluizcarvalho.github.io/ui-context/">Documentation</a> · <a href="https://www.npmjs.com/org/ui-context">npm</a> </p> <p align="center"> </p> </p>
---
ui-context extracts component metadata (props, events, methods, slots, design tokens) from your React and Angular component libraries and exposes them via an MCP (Model Context Protocol) server. This gives AI assistants like Claude Desktop, Cursor, and other MCP-compatible tools deep knowledge of your design system.
ui-context/
├── packages/
│ ├── core/ Loading reviews...