Vibe Community
All tutorials
beginner· 15 min· v1.0·verified May 7, 2026

Getting Started — Set Up Your AI Workspace

VS CodeClaude CodeMCP
Keyword
Connect your AI to Vibe Community
By the end of this page, you'll have an AI that reads this site, takes notes for you, posts threads on your behalf, and pulls your project status whenever you ask.

What you're building

1
Pick your AI
2
Add Vibe Community
3
Sign in
4
Talk to it

About 2 minutes if you already have a paid AI account. 15 minutes if you need to install one first.

Pick your path

Path A — claude.ai web
Path B — Claude Code / Codex / Cursor / Lovable

Either path lands you in the same place: your AI talking to Vibe Community directly.

Path A — claude.ai web (the easy one)

  1. 1

    Open Connectors in claude.ai

    Go to claude.ai/settings/connectors. You need to be signed in to a Pro or Max account — free accounts can't add custom connectors yet.

  2. 2

    Click 'Add custom connector'

    A small popup appears asking for a name and a URL.

    • Name: anything. Vibe Community works.
    • URL: paste exactly
    https://ahmedbselim.com/mcp

    Leave the OAuth Client ID / Secret fields empty. They're optional. Click Add.

  3. 3

    Sign in

    Click the new connector → Connect. A new browser window opens. Enter the same email Ahmed has on file for you (the one your activation invite was sent to) — we'll email you a one-click link. No password to set.

    Click the link in your inbox → land back on the consent page → click Allow access. You're connected.

  4. 4

    Talk to it

    Open a new chat in claude.ai. Try:

    “What's on Vibe Community? What projects do I have?”

    Your AI will use the new connector to pull your projects, threads, and deliverables. If you see your stuff back — you're done.

Path B — Codex, Cursor, Lovable, Claude Code

Every agent has its own UI but the shape is the same: paste the URL, sign in with magic link, you're connected.

URL (always): https://ahmedbselim.com/mcp

Codex (OpenAI's coding agent)

  1. 1

    Open Codex settings

    Settings → Model Context Protocol Servers (sometimes under Advanced or Integrations).

  2. 2

    Add a new server

    URL: https://ahmedbselim.com/mcp — paste it as the HTTPS endpoint. Save.

  3. 3

    Restart Codex

    The config picks up on restart. Reopen Codex.

  4. 4

    Authenticate

    An Authenticate button appears next to the new server. Click it → enter the email you enrolled with → click the magic-link in your inbox → approve. Done.

Lovable

  1. 1

    Open project Settings

    Inside your Lovable project, open Settings → Integrations (or MCP / Connectors depending on your version).

  2. 2

    Add custom MCP

    URL: https://ahmedbselim.com/mcp. Save.

  3. 3

    Sign in via magic link

    Lovable prompts you to authenticate. Enter your enrolment email → click the link → approve. Your Lovable agent now has the same Vibe Community tools as Claude.

Cursor

Cursor exposes MCP servers under Settings → MCP. Add a custom server with type http and URL https://ahmedbselim.com/mcp. Sign in via the popup. Same magic-link flow.

Claude Code (CLI — for power users)

If you're on the terminal:

claude mcp add --transport http --scope user vibe-community https://ahmedbselim.com/mcp

Claude prints a URL for the sign-in flow; click it, enter your email, approve.

Verify

In any of those agents, type /mcp to list connected servers. You should see vibe-community in the list with status connected.

What you can ask now

  • “What's my project status?” → pulls your deliverables checklist
  • “Post a thread on [project] asking Ahmed about X.” → opens a thread on your behalf
  • “What tutorials are there?” → lists public tutorials
  • “What's the latest in the weekly feed?” → shows Ahmed's curated picks

Got stuck?

Open the portal, start a thread, and ask. Or message in the WhatsApp group. We'll sort it.

Run this with your AI

Paste this into any agent — Claude Code, Cursor, ChatGPT — and it walks you through the lesson interactively.

You're running Vibe Community's Getting Started tutorial with me. Goal: in ~15 minutes, leave me with VS Code + Claude Code installed, signed in, and (if I have a token) connected to Vibe Community's MCP server so I can run all future tutorials with a real working agent. If you yourself can't actually drive the install (you're a sandboxed web chat without shell access), tell me that up front and switch into guidance mode — describe what to click, ask me to confirm each step, and don't pretend you ran something. STEP 1 — Install VS Code. - https://code.visualstudio.com - Walk me through download + first open. Skip themes/extensions for now. STEP 2 — Install the Claude Code extension. - VS Code → Extensions panel (Cmd/Ctrl+Shift+X) → search "Claude Code" → install the official Anthropic one. - Confirm the new sidebar icon appears. STEP 3 — Sign in to Anthropic. - Click the Claude Code icon → Sign in. - If I don't have an account, https://claude.ai. Free tier is fine for this tutorial. STEP 4 — Connect Vibe Community via MCP. Ask me first: "Do you have a Vibe Community token from Ahmed?" → If YES (cohort student / paying client): Have me open VS Code's terminal (Ctrl+\`) and run: claude mcp add --transport http vibe-community https://ahmedbselim.com/mcp \ --header "Authorization: Bearer <MY_TOKEN>" The `--transport http` flag is required — without it, Claude Code defaults to stdio and tries to spawn the URL as a subprocess. Hygiene: don't echo the token into shell history. If I'm worried about that, have me export it first: export VIBE_TOKEN=<my-token> claude mcp add --transport http vibe-community https://ahmedbselim.com/mcp \ --header "Authorization: Bearer $VIBE_TOKEN" Then have me restart VS Code. After connection you'll see typed tools: list_projects, get_project, list_threads, get_thread, submit_thread, reply_thread, plus list_tutorials / get_tutorial / list_weekly_feed. → If NO (no token yet): Skip the MCP step. Tell me Claude Code still works fine without it — I just can't reach Vibe Community privately. Public tutorials and the open knowledge base are still readable. If I want a token, mention I can reach out to Ahmed. STEP 5 — Verify. Have me ask Claude Code, in plain English: "List the projects I have on Vibe Community." - If I have a token + MCP connected: Claude calls list_projects and shows whatever projects I have (might be empty — that's fine). - If I don't have a token: Claude will say it can't reach the MCP. That's expected. STEP 6 — Recap. Tell me in plain English what I now have: - VS Code as my editor - Claude Code as my agent - (If applicable) Vibe Community connected so future tutorials have private agent tools - The habit of bringing my AI into the workspace, not toggling between tabs If anything fails (extension won't install, sign-in loops, MCP add errors), tell me exactly what failed and offer the next fallback. Don't loop on a stuck step.

Done when

VS Code is installed, Claude Code is signed in, and (if you have a token) Vibe Community's MCP is connected — confirmed by Claude responding to 'list projects on Vibe Community'.

Got stuck? Ask your AI to post to AI Playground →