MCP

Cursor Installation

Go to "Cursor Settings > MCP", and click on "Add new global MCP server". Then, fill out this "baselayer" section in the mcp.json:

"mcpServers": {
    "baselayer": {
      "command": "npx",
      "args": [ "-y", "@baselayer-dev/mcp@latest", "mcp"]
    }
  }

Tools

setupBaseLayer

This tool will:

  • install the relevant dependencies, react-aria-components, tailwind-variants, tw-css-animate
  • add the relevant global styles to your project, see styles for more details.
  • add the relevant tsconfig setup

searchComponents

This tool is used to search for components by name, description, tags, category, or status.

installComponents

This tool is used to install one or more components by name. It will create the relevent files and in a directory called components/base.