What Is MCP? (Read This First)
MCP stands for Model Context Protocol. It's the universal standard — created by Anthropic, now adopted by OpenAI, Google, and hundreds of tools — that lets AI assistants like Claude connect to and control external tools and services.
Before MCP, every tool was an island. You had to log into Lovable separately, check Supabase separately, log into Stripe separately. MCP changes all of that. Once connected, you talk to Claude and Claude talks to everything else on your behalf.
As of 2026, Lovable has an official MCP server. Supabase has an official MCP server. Stripe has CLI MCP support. The ecosystem is ready.
Before MCP, every tool was an island. You had to log into Lovable separately, check Supabase separately, log into Stripe separately. MCP changes all of that. Once connected, you talk to Claude and Claude talks to everything else on your behalf.
As of 2026, Lovable has an official MCP server. Supabase has an official MCP server. Stripe has CLI MCP support. The ecosystem is ready.
The simple analogy: Think of MCP like a universal remote control. Before MCP, you had 9 separate remotes (one per tool). After MCP, one remote (Claude) controls your entire ecosystem. You speak — everything responds.
STEP 1 — CLAUDE DESKTOP
Your MCP Command Center · Required First
✓ You Have This
1
✓
Download and install Claude Desktop
Go to claude.ai/download and download the app for Mac or Windows. This is your MCP hub — it's what connects to Lovable, Supabase, Stripe, and everything else.
Note: Claude.ai in the browser does NOT support MCP connections. You need the desktop app for this guide.
2
✓
Find the MCP settings in Claude Desktop
Open Claude Desktop → click your name/avatar → Settings → Developer → Edit Config. This opens a JSON file called claude_desktop_config.json — this is where all your MCP connections live.
File location on your computer:
Windows:
Mac:
Windows:
%APPDATA%\Claude\claude_desktop_config.jsonMac:
~/Library/Application Support/Claude/claude_desktop_config.jsonSTEP 2 — LOVABLE
Build & Deploy Apps · Official MCP Server Live
MCP Live
3
✓
Add Lovable MCP server to Claude Desktop config
Open your claude_desktop_config.json file and add the Lovable MCP server. This tells Claude Desktop where to find Lovable.
// claude_desktop_config.json { "mcpServers": { "lovable": { "command": "npx", "args": ["-y", "@lovable/mcp"], "env": {}
}
}
}
Official URL: Lovable also supports remote MCP at https://mcp.lovable.dev — authenticate with your Lovable account when prompted. The MCP server is in research preview — tool names may evolve.
What you can do once connected: Ask Claude to "create a new Lovable page for the BMA Grand Opening" or "update the Christina AI Agent page in Lovable" — and it builds and deploys it automatically.
🎬 Watch First — Master Lovable In 24 Minutes (Official Tutorial)
Official Lovable Channel · Dec 2025 · 24 min
Covers: First prompt · Custom knowledge · API integration · Payments · Publishing
STEP 3 — SUPABASE
Database · Auth · BMT Token Storage · Official MCP Live
MCP Live
4
✓
Get your Supabase Personal Access Token
Go to supabase.com/dashboard/account/tokens → click "Generate New Token" → name it "Claude MCP" → copy the token. Save it — you won't see it again.
Keep this token private. Never paste it into a public file or share it. It gives full access to your Supabase database.
5
✓
Add Supabase MCP to Claude Desktop config
Add the Supabase server to your claude_desktop_config.json. Replace
YOUR_TOKEN_HERE with the token you just copied.
{ "mcpServers": { "lovable": { /* ... lovable config above ... */ }, "supabase": { "command": "npx", "args": [ "-y", "@modelcontextprotocol/server-supabase" ], "env": { "SUPABASE_ACCESS_TOKEN": "YOUR_TOKEN_HERE" }
}
}
}
What you can do once connected: Ask Claude "how many people registered for the Grand Opening today?" or "show me all members who bought the Empire tier" — and get a live answer from your database.
STEP 4 — STRIPE
Payments · BMT Token Purchases · Revenue Tracking
CLI + MCP
6
✓
Install Stripe CLI
Download the Stripe CLI from stripe.com/docs/stripe-cli. Available for Windows, Mac, and Linux. Then run:
stripe login
This opens your browser and authenticates your Stripe account. One-time setup.
7
✓
Add Stripe MCP to Claude Desktop config
Add the Stripe server alongside your other MCP connections. Get your Stripe secret key from dashboard.stripe.com/apikeys.
"stripe": { "command": "npx", "args": ["-y", "@stripe/mcp", "--api-key=YOUR_STRIPE_SECRET_KEY" ]
}
What you can do once connected: Ask Claude "how much revenue did BMT token sales generate this week?" or "show me all Grand Opening upgrade payments" — live Stripe data in plain English.
STEP 5 — MAKE.COM + AWEBER
Automation · Email Funnels · Registration Triggers
Via Webhook
8
✓
Create a Grand Opening registration webhook in Make.com
In Make.com: Create new scenario → add Webhooks module as trigger → copy the webhook URL → connect it to an AWeber "Add Subscriber" module → save and activate.
What this does: Every time someone submits the Grand Opening registration form on your website, Make.com catches it and automatically adds them to your AWeber welcome sequence. Zero manual work.
9
✓
Add Make.com webhook URL to your registration form
In Christina-AI-Agent.html and grand-opening.html, update the form submission to POST to your Make.com webhook URL. Replace the current mailto: action with a fetch() call:
// Add to your registration form JS await fetch('YOUR_MAKE_WEBHOOK_URL', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({
name: fname,
email: email,
tier: tier,
source: source,
date: new Date().toISOString()
})
});
Result: Every registration automatically flows into AWeber. Your Grand Opening list builds itself.
STEP 6 — OPENAI / GPT
Secondary AI · Content Generation · Agent Builder
Via MCP
10
✓
Connect OpenAI to the same MCP tools
OpenAI's Agent Builder supports MCP. Go to platform.openai.com → Agent Builder → Tools → Add MCP Server. Add the same Supabase MCP URL you used for Claude. Now GPT agents can also read your BMA database.
Strategy: Use Claude for complex reasoning, architecture, and long-form content (Christina's brain). Use GPT-4o for fast content generation, social media posts, and image analysis. Both talk to the same data layer.
STEP 7 — HEYGEN + ELEVENLABS
Christina's Avatar · Christina's Voice · Phase 2
Phase 2
11
✓
Create Christina's voice on ElevenLabs
Go to elevenlabs.io → Voice Library → Add Generative Voice → describe Christina's voice: "Confident, warm, intelligent Black female voice. Professional but real. Culturally fluent. Speaks with authority and care." → Generate. Save the Voice ID.
Cost: ElevenLabs starts at $5/month for up to 30,000 characters. For Grand Opening announcements and short AI responses — very affordable.
12
✓
Create Christina's avatar on HeyGen
Go to heygen.com → Avatar → Create Instant Avatar → upload 2–3 photos of your Christina character image → HeyGen generates a talking avatar. Pair it with ElevenLabs voice via HeyGen's voice settings.
The result: Christina speaks and moves. Type any message → she says it on video → embed on Christina-AI-Agent.html. This is the LIVE CHRISTINA upgrade for the Grand Opening.
STEP 8 — DOT5HOSTING
Auto-Deploy · No More Manual Uploads · FTP via Claude Code
Optional Upgrade
13
✓
Install Claude Code (the command line tool)
Claude Code is Anthropic's terminal-based coding agent. Install it with:
npm install -g @anthropic-ai/claude-code
Then run
claude in your terminal. Claude Code can edit files locally and deploy them via FTP — meaning you say "update the Grand Opening page and deploy it" and it happens automatically.14
✓
Add FTP filesystem MCP for auto-deploy
Add the filesystem MCP server so Claude Code can write directly to your local BMA folder, which syncs to Dot5Hosting via FTP:
"filesystem": { "command": "npx", "args": [ "-y", "@modelcontextprotocol/server-filesystem", "C:/Users/James/Desktop/christina-os" ]
}
Result: Claude can read and write files directly in your local BMA folder. Pair this with an FTP auto-sync tool (like WinSCP sync or FileZilla's remote sync) and updates go live automatically.
STEP 9 — COMPLETE CONFIG
Your Full claude_desktop_config.json · All Tools Connected
Master File
15
✓
Your complete Claude Desktop config — all tools in one file
This is the complete claude_desktop_config.json with all your BMA tools connected. Replace the placeholder values with your real keys.
{ "mcpServers": { // ── LOVABLE — Build & deploy apps "lovable": { "command": "npx", "args": ["-y", "@lovable/mcp"], "env": {}
}, // ── SUPABASE — Database & auth "supabase": { "command": "npx", "args": ["-y", "@modelcontextprotocol/server-supabase"], "env": { "SUPABASE_ACCESS_TOKEN": "YOUR_SUPABASE_TOKEN" }
}, // ── STRIPE — Payments & revenue "stripe": { "command": "npx", "args": ["-y", "@stripe/mcp", "--api-key=YOUR_STRIPE_SECRET_KEY" ]
}, // ── FILESYSTEM — Local BMA folder "filesystem": { "command": "npx", "args": [ "-y", "@modelcontextprotocol/server-filesystem", "C:/Users/James/Desktop/christina-os" ]
}
}
}
After saving this file: Completely quit Claude Desktop and reopen it. MCP connections are loaded at startup — changes take effect on restart.
STEP 10 — PAYPAL
Second Payment Rail · Mass Payouts · BMT Withdrawals
Connected via MCP
16
✓
Connect PayPal to your BMA ecosystem
PayPal is already connected to Claude Desktop via the PayPal MCP server in your stack. It handles member payouts, BMT token withdrawals, and serves as a second payment rail alongside Stripe — reaching members who prefer PayPal over credit cards.
Go to developer.paypal.com → My Apps → Create App → copy your Client ID and Secret.
Go to developer.paypal.com → My Apps → Create App → copy your Client ID and Secret.
"paypal": { "command": "npx", "args": ["-y", "@paypal/mcp"], "env": { "PAYPAL_CLIENT_ID": "YOUR_PAYPAL_CLIENT_ID", "PAYPAL_SECRET": "YOUR_PAYPAL_SECRET", "PAYPAL_ENV": "production" }
}
What you can do: "Send 500 BMT payout to member@email.com" · "Show me all PayPal payments this week" · "How many withdrawals are pending?" — PayPal responds instantly through Claude.
BMA Use Cases: BMT token cash-outs · Creator revenue payouts · Sponsorship payments · Grand Opening refunds if needed · Mass payout to top Cake Race winners.
STEP 11 — COINBASE
Crypto Gateway · BMT Token Economy · Web3 Bridge
Commerce Connected
17
✓
Connect Coinbase Commerce to BMA token purchases
Coinbase Commerce is already live on your Buy-Tokens page — members can purchase BMT bundles today. This step connects Coinbase to your Make.com webhook so every crypto purchase automatically updates the member's Supabase balance and triggers the AWeber welcome sequence.
Get your Coinbase Commerce API key at commerce.coinbase.com.
Get your Coinbase Commerce API key at commerce.coinbase.com.
// Add to bma-connect.js — Coinbase webhook listener // In Make.com: Coinbase Commerce → Webhooks → charge:confirmed // → Update Supabase member BMT balance // → Trigger AWeber "token purchase" sequence window.BMATokenPurchase = function(tier, bmt, checkoutUrl) {
window.BMATrack('coinbase_checkout_click', {tier, bmt});
window.open(checkoutUrl, '_blank');
};
What's already live: Buy-Tokens.html has 10 Coinbase checkout links — 500 BMT ($5) through 10,000 BMT ($100). The bma-connect.js already tracks every click. You just need to activate the Make.com webhook to complete the automation loop.
Next step for full crypto integration: Coinbase Advanced Trade API → allows Claude to check your BMA treasury balance, track token circulation, and manage BMT reserves directly from a conversation.
STEP 12 — TWIN
No-Code AI Automation · Workflow Builder · Make.com Alternative
Add Next
18
✓
Connect TWIN — AI-powered no-code workflow automation
TWIN is an AI integration platform that automates workflows and business processes without writing a single line of code. Think of it as a smarter, AI-native Make.com — where instead of building automation diagrams, you describe what you want and TWIN figures out the workflow.
Sign up at twin.so → Create New Workflow → connect your BMA tools.
Sign up at twin.so → Create New Workflow → connect your BMA tools.
What TWIN does for BMA: Describe automations in plain English — "When someone registers for the Grand Opening, add them to AWeber, update Supabase, send a confirmation email, and post in Slack" — TWIN builds the entire workflow automatically. No diagramming required.
Why TWIN alongside Make.com: Make.com is excellent for structured workflows. TWIN handles the unpredictable, conversational ones — when a member asks Christina a question that triggers multiple systems, TWIN orchestrates the response. They work together, not against each other.
★ TWIN USE CASES FOR BMA: Grand Opening registrations · BMT reward triggers · Christina AI responses → email sequences · Cake Race winner notifications · Sponsor onboarding workflows
MODULE 13 — OPENCLAW
The Worker · Your Tireless 24/7 AI Employee · 68,000+ GitHub Stars
Open Source · Free
What OpenClaw Is
An open-source AI agent that lives on your computer 24/7. It answers emails, manages files, calls APIs, browses the web, writes code — without you touching anything. Built by Peter Steinberger, MIT license, bring your own API key.
What It Does For BMA
Uploads files to Dot5Hosting · Processes Coinbase payments · Sends AWeber emails · Updates BMA pages · Responds to Grand Opening registrations · Manages BMT token operations · All while you sleep.
100+ AgentSkills built-in Works with Claude API 68,000+ GitHub stars MIT License · Free forever
Get started: Visit openclaw.ai → Download → Connect your Anthropic API key → OpenClaw is now your BMA employee. Available for Mac, Windows (WSL2), and Linux.
MODULE 14 — PAPERCLIP
The Company · Run BMA With AI Agents · 42,000+ GitHub Stars
Open Source · Free
What Paperclip Is
An open-source platform that runs a company-like system of AI agents — each with a defined role, working toward shared goals. Org charts, budgets, task tracking, audit logs. Launched March 4, 2026. If OpenClaw is an employee, Paperclip is the whole company.
The BMA Company Structure
- →Christina Agent — handles all member questions
- →Marketing Agent — runs Go Viral campaigns
- →Sales Agent — follows up Grand Opening registrations
- →Finance Agent — tracks BMT token revenue
Org charts · Budgets · Goals Works with Claude + GPT 42,000+ GitHub stars Full audit log · Immutable
Get started: Visit paperclip.ing or github.com/paperclipai/paperclip → Requires Node.js 20+. Technical setup — but once running, you manage an AI company from a dashboard.
Honest note: Paperclip requires comfort with Node.js and command-line tools. Not yet a no-code experience. Best tackled after you have OpenClaw running smoothly. The payoff is enormous — you become the CEO of an AI-staffed BMA operation.
MODULE 15 — HERMES
The Brain · Self-Improving AI Agent · Gets Smarter Every Day · 73,000+ Stars
Open Source · Free
What Hermes Is
Built by Nous Research — an open-source autonomous AI agent that lives on your server, remembers everything it learns, and gets more capable the longer it runs. 40+ built-in tools, 16+ messaging platforms, self-hostable on a $5/month VPS. 73,000+ GitHub stars.
Why Hermes Changes Everything
After each task Hermes writes a reusable skill — so Christina OS gets smarter with every member interaction. The more people register, ask questions, and engage — the better Hermes gets at serving them. It's Christina's growing brain.
Self-improving memory $5/month VPS · You own it Telegram · Discord · Slack · WhatsApp Apache 2.0 · Free forever
Install in 60 seconds: Visit hermes-agent.org → run the one-line installer → connect your API key → connect Telegram or Discord → Hermes starts learning your BMA operation immediately.
The BMA Agent Stack — Together
OpenClaw executes the tasks · Paperclip manages the team · Hermes learns and improves · You own all three. Zero subscription fees. Pure Black ownership of the AI stack.
📋 Coming Soon · Add Later
These tools are on the roadmap for future TECH-STACKER™ editions. Noted and saved — we will add them bye & bye.
📱
Twilio
SMS notifications to members · BMT earned alerts · Grand Opening texts
🏦
Plaid
Bank connections for BMT withdrawals · Used by Venmo · Cash App · Coinbase
📅
Cal.com
Booking for sponsor calls · VRRC meetings · Jerry Rice ambassador scheduling
📊
Fathom Analytics
Privacy-first GA replacement · GDPR compliant · One script tag
💬
Notion MCP
Knowledge base in Notion · Claude reads it directly · Always up to date
🔔
More Tools TBD
Bye & bye · The stack grows · Easy Peasy 💛
Once Everything Is Connected
What You Can Do
In One Conversation.
In One Conversation.
Live Dashboard
"How many people registered for the Grand Opening today and how much revenue did we make?"
Claude checks Supabase + Stripe → gives you a real-time answer. No logging into dashboards.
Instant Deployment
"Update the Grand Opening countdown page — change the free tier to include 1,000 BMT and deploy it."
Claude edits the file locally → saves it → you upload to Dot5Hosting. One conversation.
Automated Emails
"Send the Grand Opening welcome email to everyone who registered in the last 24 hours."
Claude triggers Make.com webhook → AWeber sends the sequence automatically. Zero manual work.
Build New Pages
"Create a new Lovable page for the Cake Race leaderboard and give me the preview URL."
Claude connects to Lovable MCP → builds the page → returns live URL. You didn't touch Lovable.
Revenue Reports
"Show me this week's BMT token purchases broken down by tier."
Claude queries Stripe → formats a clean report → gives you the breakdown instantly.
Member Intelligence
"Which members upgraded from Free to paid tiers this week and what tier did they choose?"
Claude queries Supabase → returns a segmented member list. Use it for targeted follow-up.
Your Stack. Connected. 💛
One conversation now controls your entire Black Mall of America ecosystem. This is the infrastructure of Black AI ownership — and you built it.
CHRISTINA OS™ → Grand Opening