What you'll have at the end
By the time you finish, you'll have a real coding setup on your computer, take a web page, ask four different AIs to improve it together, see the change live, and save your work to the cloud — exactly like a professional developer.
Here's how the pieces fit together. Don't worry about memorizing this — the guide installs them one at a time, in order:
Your setup at a glance (the checklist)
You'll create these accounts and install these apps. We'll do every account first, then every app — so you're never bouncing around.
- A GitHub account (free)
- A Claude subscription (powers Claude Code)
- Four API keys: Anthropic, OpenAI (GPT), Google (Gemini), xAI (Grok)
- VS Code + the Claude Code extension + GitHub Desktop
- Crosscheck installed, keys added, and the MCP server reconnected
- Your first project cloned, edited with AI, and pushed back to GitHub
0Three words to know first
You'll see these three terms a lot. Here they are in plain English — that's all you need.
1Create your accounts & get your keys
Do all of these in your web browser, back-to-back. Keep each tab open (or paste each key into a temporary note) — you'll feed them to Crosscheck in Part 4.
1a · GitHub account free
What it is: a website that stores your code in the cloud — like Google Drive, but for projects.
- Go to github.com/signup and create a free account.
- Verify your email. Remember the username and password — you'll sign in with them later.
1b · Claude subscription powers Claude Code
What it is: the plan that lets the AI assistant (Claude Code) run inside your editor.
- Go to claude.ai and sign up.
- Upgrade to a paid plan (Claude Pro or Max) so Claude Code has room to work.
1c · Your four API keys
What they are: the secret passwords Crosscheck uses to talk to each AI. Make one at each site below. Most are pay-as-you-go and cost only cents for normal use — and each site lets you set a spending limit.
| AI company | Get your key here | Notes |
|---|---|---|
| Anthropic (Claude) | console.anthropic.com | Different from your claude.ai subscription. Add a little credit. |
| OpenAI (GPT / ChatGPT) | platform.openai.com/api-keys | Not the same as ChatGPT Plus. Set a monthly limit. |
| Google (Gemini) | aistudio.google.com/app/apikey | Use a Google AI Studio key (starts with AIza…). |
| xAI (Grok) | console.x.ai | Key starts with xai-…. |
2Install your tools
Now the desktop apps. Install them in this order.
2a · VS Code
What it is: your free “workbench” — the program where you view and edit code.
- Download from code.visualstudio.com and install it like any app.
- Open it once so it's ready.
2b · GitHub Desktop
What it is: a friendly app that copies code from GitHub to your computer and saves your changes back — with buttons, not the terminal.
- Download from desktop.github.com and install it.
- Open it and sign in with the GitHub account from Step 1a. (Doing this now means pushing your work later “just works.”)
2c · The Claude Code extension (inside VS Code)
What it is: the AI assistant that lives right inside VS Code.
- In VS Code, click the Extensions icon on the left (the four-squares icon).
- Search for Claude Code and click Install.
- Open it and sign in with your Claude subscription from Step 1b.
3Get your first project & score an early win
Before adding Crosscheck, let's get a real project on your screen — so you feel the magic first. Your first project is a tiny one-page personal website.
3a · Make a home for it on GitHub
- On github.com/new, create a repository named
my-first-crosscheck-project. - Tick “Add a README file,” then click Create repository. (A “repository,” or “repo,” is just a project folder.)
3b · Copy it to your computer (“clone”) with GitHub Desktop
- In GitHub Desktop: File → Clone repository, pick
my-first-crosscheck-project, and click Clone. - When it finishes, click “Open in Visual Studio Code.” Your project is now open in your editor. 🎉
3c · Open the terminal in VS Code
4Install Crosscheck & switch it on
This is the part that gives Claude its four brains. Three short moves: install, add keys, reconnect.
4a · Install Crosscheck
You can start from crosscheckagent.com (to subscribe/activate), then run the install command. In the VS Code terminal you just opened, paste this and press Enter:
Follow the prompts to activate your seat. This signs your machine in to Crosscheck.
4b · Add your four API keys
Now hand Crosscheck the keys you gathered in Part 1. Run:
- A secure browser page opens. Paste each key into its box — no typing into the terminal.
- Save. Your keys are now stored encrypted on your computer — they never pass through our servers.
crosscheck keys (just those two words). A browser page opens showing every AI
with a “Key set” or “Not set” badge; paste a new value to replace a key, or
hit Remove. Everything is applied right on your computer. (Prefer the terminal? crosscheck keys add gemini replaces one key and crosscheck keys remove gemini deletes it.)4c · Reconnect the MCP server don't skip this
- In the Claude Code chat box, type
/mcpand press Enter. - Find crosscheck in the list of servers.
- Choose Reconnect (or restart) next to it.
- ✅ When it shows connected, you're done.
/mcp again.Confirm all four AIs are live — ask Claude Code:
You should see anthropic, openai, xai, and gemini listed as active. That's your panel. 🟢
5Use Crosscheck — and save your work
Crosscheck runs from the Claude Code chat. Start any request with xc to bring in the whole panel.
5a · Build the page (one AI)
In the Claude Code chat, ask plainly:
5b · View it locally (the magic moment)
- In VS Code's file list on the left, find
index.html. - Right-click it → Reveal in Finder/Explorer, then double-click the file to open it in your browser. You just made a website.
- Change a line of text, save, refresh the browser — your edit appears instantly.
5c · Get four opinions (the whole panel)
Now the payoff. Try these in the Claude Code chat:
Each one asks Anthropic, OpenAI, Gemini, and Grok the same thing and brings you the best of all four.
5d · Save it back to GitHub (commit & push)
“Commit” = save a snapshot with a note. “Push” = upload it to GitHub. The easiest way — just ask Claude Code:
Easiest fallback if anything stalls: open GitHub Desktop, type a short summary, click Commit to main, then click Push origin. Same result, all buttons.
Refresh your repo page on GitHub — your changes are now in the cloud. You've completed the full loop. 🏁
6Add a CLAUDE.md (Claude's instruction manual)
A CLAUDE.md file tells Claude how you want it to work — automatically, every time. Below is a strong, opinionated starting point you can use as-is.
Where does it go?
| Location | What it affects | Use it for |
|---|---|---|
~/.claude/CLAUDE.md(your home folder) | Every project you ever open | Your personal style & standards — recommended for the file below. |
CLAUDE.md(a project's top folder) | Just that one project | Project-specific rules; gets shared with teammates via GitHub. |
Easiest way to create the global one — ask Claude Code:
Why it matters
Without it, you re-explain your preferences in every chat. With it, Claude opens every session already knowing your priorities — fewer surprises, more consistent results, and a clear plan before it changes anything.
Recommended CLAUDE.md (copy this)
This is a powerful, opinionated default. As you grow, feel free to trim it or add project-specific notes in a per-project CLAUDE.md.
★Quick reference & what to try next
Cheat sheet
| I want to… | Do this |
|---|---|
| Install Crosscheck | npx -y crosscheck-cli@latest install |
| Add my AI keys (first time) | crosscheck keys setup |
| View / replace / remove a key | crosscheck keys (opens the browser manager) |
| Turn Crosscheck on after install | Type /mcp in Claude Code → reconnect crosscheck |
| Check my AIs are connected | xc list_providers |
| Open the terminal | VS Code → Terminal → New Terminal |
| Save my work to GitHub | Ask Claude to “commit and push,” or use GitHub Desktop's buttons |
Three starter prompts
/mcp and reconnect crosscheck (or restart VS Code).“No provider keys” → run
crosscheck keys setup and add at least one key, then reconnect.A red message you don't understand → copy it, paste it to Claude Code, and ask “what does this mean and how do I fix it?”