Dev Environment Setup for Claude Code

What is this?

You've built an app on your machine. Now you need to get it on the internet — with a real URL, a database, and a way to push updates. This installs a slash command that walks you through setting up the tools that make that happen:

• Homebrew — The Mac package manager. Almost everything else installs through it.
• Git — Version control. Needed to push code to GitHub. Also makes sure your name and email are configured.
• Node.js — The runtime that powers your app and most dev tools. Checks that you're on a modern version (18+).
• GitHub CLI — Store and manage your code online. This lets you do it from the terminal instead of the website.
• Supabase CLI — Supabase is your database, where the app stores user data. This lets you set up and change the database from your computer.
• Vercel CLI — Vercel hosts the app on the internet. This lets you deploy and manage it from the terminal.
• Chrome DevTools MCP — Lets Claude open a browser and look at your app directly. It can spot errors, read console logs, and take screenshots without you having to describe the problem.

It assumes you already have code and a coding tool (Claude Code, Cursor, etc.). This gets you the infrastructure around it.

Prerequisites

You just need Claude Code installed — the AI coding tool that runs in your terminal. Install it at claude.ai/claude-code. That's it.

Install

Open Terminal and run:

npx claude-dev-environment-setup

That's it — no restart needed.

Usage

Type /dev-environment-setup in Claude Code. It will:

1. Check which tools you already have
2. Walk you through installing and logging into anything that's missing
3. Verify everything works at the end

If something breaks later (like an expired login), just run /dev-environment-setup again to diagnose and fix it.