TECH-STACKER™ | 15 Tools · One Ecosystem

Setup Progress

0 / 18 steps complete

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 an official MCP server plus CLI support. The ecosystem is ready.

The simple analogy: Think of MCP like a universal remote control. Before MCP, you had 12 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

✓

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 supports remote MCP connectors (like Lovable and PayPal in this guide) via Settings → Connectors. But locally-run MCP servers — Supabase, Stripe, and Filesystem in this guide — require the desktop app. Get the desktop app and you're covered for everything.

✓

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 your locally-run MCP connections live. (Remote connectors like Lovable are added in Settings → Connectors instead — you'll do that in Step 3.)

File location on your computer:
Windows: %APPDATA%\Claude\claude_desktop_config.json
Mac: ~/Library/Application Support/Claude/claude_desktop_config.json

💜

STEP 2 — LOVABLE

Build & Deploy Apps · Official Remote MCP Server Live

MCP Live

✓

Connect Lovable's official MCP server to Claude

Lovable's official MCP server is remote — no JSON editing and no install needed. In Claude Desktop (or claude.ai in the browser): Settings → Connectors → Add custom connector → paste the URL below → sign in with your Lovable account when the browser opens (OAuth).


https://mcp.lovable.dev

Good to know: The Lovable MCP server is in research preview — tool names may evolve. Tools that build (create_project, send_message) use your Lovable workspace credits, and tool calls require a paid Lovable plan (Pro or Business) — read-only tools are free.

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

✓

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. Also note your Project Ref — it's the string in your project's dashboard URL: supabase.com/dashboard/project/YOUR_PROJECT_REF.

Keep this token private. Never paste it into a public file or share it. It gives full access to your Supabase account.

✓

Add Supabase MCP to Claude Desktop config

Add the official Supabase server to your claude_desktop_config.json. Replace YOUR_PROJECT_REF and YOUR_TOKEN_HERE with your real values.


{
  "mcpServers": {
    "supabase": {
      "command": "npx",
      "args": [
        "-y",
        "@supabase/mcp-server-supabase@latest",
        "--read-only",
        "--project-ref=YOUR_PROJECT_REF"
      ],
      "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.

Safety flags explained: --read-only lets Claude read data but never change it — the safe default. Remove it later when you want Claude to update records. --project-ref limits Claude to your BMA project instead of your whole account.

💳

STEP 4 — STRIPE

Payments · BMT Token Purchases · Revenue Tracking

CLI + MCP

✓

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.

✓

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",
    "--tools=all",
    "--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

✓

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.

✓

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

✓

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 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 OpenAI's latest fast model for quick 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

✓

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.

✓

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

✓

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.

✓

Add Filesystem MCP for auto-deploy

Add the filesystem MCP server so Claude 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 Local Tools Connected

Master File

✓

Your complete Claude Desktop config — all local tools in one file

This is the complete claude_desktop_config.json with your locally-run BMA tools connected. Replace the placeholder values with your real keys. Lovable and PayPal don't go in this file — they're remote connectors you add in Settings → Connectors (Steps 3 and 16).


{
  "mcpServers": {
    "supabase": {
      "command": "npx",
      "args": [
        "-y",
        "@supabase/mcp-server-supabase@latest",
        "--read-only",
        "--project-ref=YOUR_PROJECT_REF"
      ],
      "env": {
        "SUPABASE_ACCESS_TOKEN": "YOUR_SUPABASE_TOKEN"
      }
    },
    "stripe": {
      "command": "npx",
      "args": [
        "-y",
        "@stripe/mcp",
        "--tools=all",
        "--api-key=YOUR_STRIPE_SECRET_KEY"
      ]
    },
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "C:/Users/James/Desktop/christina-os"
      ]
    }
  }
}

Two things that break this file: (1) It must be pure JSON — no // comments allowed, or Claude Desktop silently fails to load any of your tools. (2) After saving, completely quit Claude Desktop and reopen it — MCP connections are loaded at startup, so changes take effect on restart.

🔵

STEP 10 — PAYPAL

Second Payment Rail · Mass Payouts · BMT Withdrawals

Official Remote MCP

✓

Connect PayPal to your BMA ecosystem

PayPal ships an official remote MCP server — the easiest connection in this whole guide. In Claude: Settings → Connectors → Add custom connector → paste the URL below → sign in with your PayPal business account. PayPal handles member payouts, BMT token withdrawals, and serves as a second payment rail alongside Stripe — reaching members who prefer PayPal over credit cards.


https://mcp.paypal.com/mcp

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. (Developers who want the local option instead can create API credentials at developer.paypal.com.)

🪙

STEP 11 — COINBASE

Crypto Gateway · BMT Token Economy · Web3 Bridge

Commerce Connected

✓

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.


// 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

✓

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.

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

The Next Evolution · Beyond MCP

THE AGENT LAYER™
Modules 13 · 14 · 15 · 16

Right now TECH-STACKER™ connects 12 tools that you operate. The Agent Layer is the next evolution — where AI agents run your entire BMA operation autonomously. No manual work. No switching tabs. While you sleep, your AI company runs Black Mall of America. All three are 100% open source · 100% free · You own everything. Two ways to run them: self-host for free (technical — instructions in each module below) or use the hosted option in Module 16 and skip the setup entirely.

🦞

MODULE 13 — OPENCLAW

The Worker · Your Tireless 24/7 AI Employee · Massive Open-Source Community

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. Created 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 Top-starred on GitHub 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 · Fast-Growing Open Source

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 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 Fast-growing on GitHub 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 · Hit #1 On OpenRouter’s Global Rankings (May 2026)

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. In May 2026 it hit #1 on OpenRouter’s global app rankings by token volume — passing OpenClaw and Claude Code on the platform board.

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.

#1 OpenRouter · May 2026 $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.

Don’t take our word for it: OpenRouter’s rankings are public and update live. Check where Hermes sits today at openrouter.ai/rankings — note the board and time window, since daily, weekly, and monthly views rank differently.

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.

🎖️

MODULE 16 — ONEMANARMY

The Easy Button · Modules 13·14·15 Hosted For You · No Docker · No Servers

Hosted · Paid

What OneManArmy Is

A cloud dashboard that runs Paperclip, OpenClaw, and Hermes for you — the exact three agents in Modules 13–15 — from one browser login. They didn't build the bots; they built the hosting layer so you skip Docker, servers, and API-key hunting. Deploy each bot from a short setup wizard, then direct all three from one screen or from Telegram / Slack / Discord.

How It Connects To Your BMA Stack

→Deploy Hermes first — feed it Christina's persona, BMA tiers & pages. It becomes the memory.
→Connect Telegram or Discord in dashboard settings — approvals reach your phone.
→Give OpenClaw your Make.com webhook URLs — that's the bridge into AWeber, Supabase & the Grand Opening loop (Step 5).
→Set Paperclip missions — it plans, requests approval, then hands work to the other two.

All 3 agents · One dashboard Browser-only · Live in minutes Telegram · Slack · Discord One-time price · 14-day guarantee

Division of labor: Claude Desktop + MCP (Steps 1–10) stays your hands-on command center — live data, file edits, deploys. OneManArmy is the 24/7 autonomous layer — content, research, follow-ups — running while you sleep. They complement each other; neither replaces the other.

Read before you buy — the honest fine print: The "complimentary AI access" is time-limited — after the intro period you bring your own API key (normal usage costs apply). The entry tier includes one year of hosting, so expect a renewal later. The platform launched in 2026 and is still new. And never paste your Stripe secret key or Supabase token into any hosted third-party platform — connect through Make.com webhooks instead, which expose only what you choose.

Deploy The Army →

📋 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.

📊

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