Raindrop + Claude Quick Start
This content is for the 0.6.2 version. Switch to the latest version for up-to-date documentation.
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: Sign Up for Raindrop
Create your Raindrop account:
- Sign up for a Raindrop account at liquidmetal.run
- Complete the account setup process
Step 3: Authenticate
Run the following command to authenticate the Raindrop CLI:
raindrop auth login
Step 4: Set Up MCP Integration
Run the following command in your terminal to set up the MCP integration:
raindrop mcp install-claude
What this command does:
- Configures Claude Code with the correct MCP server URL
- Sets up raindrop.md and custom slash commands for Claude Code (
/new-raindrop-app
,/update-raindrop-app
, and/reattach-raindrop-session
)
Step 5: Start Claude Code
- Start Claude Code
- Run
/mcp
- Select the
raindrop-mcp
server - Select Authenticate
- Login to your Raindrop account (or click Allow Access if you are already logged in)
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 Raindrop: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 Raindrop: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 Raindrop: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--- title: Raindrop + Claude Quick Start description: Get started with the Raindrop MCP server for Claude Code to build and deploy complete applications through guided workflows.
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.