# MCP install — Detent

> The page every company with an MCP server needs. Pick an editor and the exact config for it appears, choose remote or local and this project or everywhere, then copy: the card lights up in that editor's colour and waits until it connects.

Canonical: https://detentui.com/components/mcp
Last updated: 2026-11-10

## About

The page every company with an MCP server needs. Pick an editor and the exact config for it appears, choose remote or local and this project or everywhere, then copy: the card lights up in that editor's colour and waits until it connects.

## Details

- Real setup for Cursor (with one-click install), Claude Code, Claude, Windsurf and Zed, built from your `url`, `slug` and `name`.
- Remote signs in with OAuth. Pass `pkg` and `envVar` to offer Local too, where the config runs your package with an API key.
- `onCreateKey` lets people make a key right in the card; it lands masked in the config and copies in full.
- This project or Everywhere changes the file and flags, and greys out for editors that only read a global config.
- Drive `status` from your server to show Waiting and then Connected with your `tools` count. Follows light and dark and reduced motion.

## Keyboard shortcuts

| Keys | Action |
| --- | --- |
| Arrows | Move between editors |

## Install

```bash
npx shadcn add https://detentui.com/r/mcp
```

## Related
- [All components](https://detentui.com/components)
- [Pro](https://detentui.com/pro)