Skip to content

Latest commit

 

History

History
107 lines (75 loc) · 4.23 KB

mcp.md

File metadata and controls

107 lines (75 loc) · 4.23 KB
description
Reflag supports the MCP protocol. Understand how to connect the agent in your code editor to your Reflag account.

MCP

Set up MCP

Model Context Protocol enables seamless integration of your Large Language Model (LLM) with external data sources, such as a code editor. This guide will walk you through connecting your editor to Reflag data efficiently.

{% embed url="https://139729605.fs1.hubspotusercontent-eu1.net/hubfs/139729605/Videos/bucketco-website/cursor-mcp-flag-feature_full-height_h264.mp4" %}

Guide to Integrating Model Context Protocol with Reflag Data

Get started with Reflag Remote MCP

The Model Context Protocol (MCP) is an open standard that facilitates seamless integration of AI models with various data sources and tools. In Reflag, MCP enhances your code editor's ability to interpret and manage feature flags, comprehending their states and interconnections within the codebase. This forms an efficient link between feature management workflows and AI-driven development tools. With Reflag hosting the MCP server, getting started is incredibly straightforward.

{% stepper %} {% step %}

One-click to add Reflag MCP in your IDE

  • Cursor
  • VSCode {% endstep %}

{% step %}

That's it!

{% endstep %} {% endstepper %}

{% hint style="info" %} Ensure your editor/client and Node.js versions are up to date. {% endhint %}

Using Reflag CLI

To install the MCP into your preferred editor, use the Reflag CLI. This tool will configure your editor and provide agent guidelines, enhancing editor intelligence.

To set up the MCP support, invoke:

npx reflag mcp

Manual setup

Below are the manual setup steps for some of the popular editors, but there are more MCP-compatible clients. Before you start with the manual setup, you first need the App ID from your app settings page.

{% hint style="info" %} You can use mcp-remote to enable authentication and remote MCP connections in clients that don't yet support these features. {% endhint %}

Cursor

  1. Open Cursor.
  2. Go to Settings > Cursor Settings.
  3. Click MCP and New MCP Server and make sure the Reflag MCP server entry is present:
{
  "mcpServers": {
    "Reflag": {
      "url": "https://app.reflag.com/api/mcp"
    }
  }
}

{% hint style="info" %} Cursor also supports workspace-specific MCP servers by adding the above configuration to .cursor/mcp.json inside your project directory. {% endhint %}

  1. Save, go back to Cursor, and start prompting!

Visual Studio Code

{% hint style="info" %} You must enable the Copilot agent mode to use MCP in Visual Studio Code Copilot chat. {% endhint %}

  1. Open VS Code.
  2. Open the command palette, typically CMD + SHIFT + P or CTRL + SHIFT + P.
  3. Type and select MCP: Add Server... .
  4. Select HTTP .
  5. Enter https://app.reflag.com/api/mcp as the URL
  6. Enter Reflag as the server ID.

{% hint style="info" %} VS Code also supports workspace-specific MCP servers by adding the above configuration to .vscode/mcp.json inside your project directory. {% endhint %}

  1. Start prompting!

Claude Desktop

  1. Open Cursor Desktop.
  2. Go to Settings > General > Claude Settings (Configure) > Connectors
  3. Click Add Custom Connector
  4. Enter "Reflag" as the name and paste the MCP URL in: https://app.reflag.com/api/mcp

Claude Code

  1. On the command line inside your project directory, enter: claude mcp add --transport http Reflag https://app.reflag.com/api/mcp
  2. Start claude and enter /mcp to begin the authentication process