Its-Just-UI

A Model Context Protocol (MCP) server for the its-just-ui React component library. This server provides AI-powered tools to generate, customize, and document its-just-ui components.

typescript

4

GitHub Stars

typescript

Language

6 months ago

First Indexed

2 months ago

Catalog Refreshed

Documentation & install

Readme and setup notes from the catalogue, plus a client-ready config you can copy for your MCP host.

Installation

Add the following to your MCP client configuration file.

Configuration

View docs

{
  "mcpServers": {
    "its-just-ui-its-just-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "its-just-mcp"
      ]
    }
  }
}

This MCP server lets Cursor IDE talk to its-just-ui components, enabling AI-powered generation, customization, and documentation directly in your editor. It provides a fast, zero-setup experience and stays in sync with your project as you work on React components.

How to use

You use this MCP server by adding an MCP connection in Cursor. The server leverages Cursor’s built-in MCP support via stdio, so you can ask the AI to generate, document, and theme its-just-ui components right in your code.

How to install

Prerequisites you need before starting are Node.js and npm. You should also have Cursor installed and configured to use MCP servers.

# Option A: Use Cursor to run the MCP server on your behalf (recommended)
# Cursor handles everything via npx and requires no local installation

Option 2: Set up the MCP server for local development.

# Clone the MCP server sources
git clone https://github.com/its-just-ui/its-just-mcp.git
cd its-just-mcp

# Install dependencies and build
npm install
npm run build

Configuration and startup

Configure Cursor to connect to the MCP server. You can place the configuration at the project level or globally, then restart Cursor so it picks up the new server.

{
  "mcpServers": {
    "its-just-ui": {
      "command": "npx",
      "args": ["-y", "its-just-mcp"],
      "env": {}
    }
  }
}

Usage after setup

Once the server is connected, you can ask Cursor to generate or document components directly in your codebase. Use prompts like generating a primary button, creating a form with validation, or configuring a dark theme.

Available tools

generate_component

Create any its-just-ui component by describing its desired props and appearance.

list_components

Browse available components to understand what you can generate.

compose_components

Combine multiple components into layouts or complex UIs.

configure_theme

Set up and apply a ThemeProvider configuration for your app.

generate_tailwind_classes

Produce Tailwind utility classes for spacing and layout utilities.

create_responsive_layout

Build a responsive grid or layout that adapts to breakpoints.

create_form

Generate complete forms with fields, validation, and submission handling.

get_component_docs

Retrieve documentation for a specific its-just-ui component.

check_accessibility

Review ARIA attributes and accessibility considerations for dialogs and forms.