Claude Code + Raindrop MCP Setup

The Raindrop MCP server transforms Claude Code into a powerful infrastructure development platform. Instead of just writing code, you can build complete applications with databases, APIs, and deployment infrastructure through structured, guided workflows.

Step 1: Install Required Tools

Install Claude Code

npm install -g @anthropic-ai/claude-code

Install Raindrop CLI

npm install -g @liquidmetal-ai/raindrop

Step 2: Get Your Raindrop API Key

Sign up for a Raindrop account at liquidmetal.ai
Navigate to your account settings or API section
Generate a new API key
Copy the API key for the next step

Step 3: Configure the MCP Server

Add the Raindrop MCP server to your Claude Code configuration:

Claude Code Configuration

Add this configuration to your Claude Code settings:

{
  "mcpServers": {
    "liquidmetal-staging": {
      "command": "npx",
      "args": [
        "mcp-remote",
        "https://mcp-staging.raindrop.run/mcp",
        "--header",
        "Authorization: Bearer ${RAINDROP_API_KEY}"
      ],
      "env": {
        "RAINDROP_API_KEY": "your-api-key-here"
      }
    }
  }
}

Step 4: Initialize Raindrop Configuration

After adding the MCP server configuration, start a new Claude Code session and run:

Claude, please call the configure_raindrop MCP tool to set up my local Raindrop development environment.

What This Sets Up

The configure_raindrop tool will create:

.raindrop/ directory - Local cache and documentation storage
Enhanced claude.md - Project guidelines and workflow instructions
Shorthand commands - Quick access commands like /new-raindrop-app
Local configuration files - Session tracking and state management

Using the Raindrop MCP Server

Once configured, you have access to three main workflows for building applications:

1. Start a New Application

Create a new Raindrop application from scratch:

Using Shorthand Command:

/new-raindrop-app

Using Direct MCP Call:

Claude, call the liquidmetal-staging:login MCP tool to start a new application development session.

What Happens:

Creates a new session ID and timeline ID
Guides you through requirements gathering (PRD creation)
Generates application architecture and manifest
Sets up databases, services, and infrastructure
Implements complete application code
Deploys to live infrastructure
Validates deployment with endpoint testing

2. Reattach to an Existing Session

Resume work on a previous application:

Using Shorthand Command:

/reattach-raindrop-session [session_id] [timeline_id]

Using Direct MCP Call:

Claude, call the liquidmetal-staging:reattach_to_session MCP tool with session_id "your-session-id" and timeline_id "your-timeline-id".

Finding Your Session IDs: You can instruct Claude Code to look in your .raindrop.config.local.json file to find your session and timeline IDs.

What Happens:

Restores complete project context and progress
Shows current development phase and next steps
Continues from exactly where you left off
Maintains all architectural decisions and requirements

3. Update an Existing Application

Add features or modify a deployed application:

Using Shorthand Command:

/update-raindrop-app [session_id] [old_timeline_id]

Using Direct MCP Call:

Claude, call the liquidmetal-staging:update_app_step MCP tool with session_id "your-session-id" and old_timeline_id "your-timeline-id".

Finding Your Session IDs: You can instruct Claude Code to look in your .raindrop.config.local.json file to find your session and timeline IDs.

What Happens:

Creates a new timeline for the update
Reviews existing application and requirements
Gathers requirements for new features or changes
Updates architecture and implementation
Deploys updated application
Validates all functionality including new features

The Raindrop MCP server transforms Claude Code from a coding assistant into a complete infrastructure development platform, capable of taking you from idea to deployed application through structured, collaborative workflows.