Initial Setup
Install the required tools and verify your development environment.
Prerequisites Checklist
Before you start vibe coding, make sure you have these tools installed:
| Tool | Purpose | Required |
|---|---|---|
| Homebrew | Package manager for macOS | ✅ Yes (Mac) |
| Node.js | JavaScript runtime | ✅ Yes |
| pnpm | Fast package manager | ✅ Yes |
| Git | Version control | ✅ Yes |
| GitHub CLI (gh) | Create PRs from terminal | ✅ Yes |
| VS Code | Code editor with Claude extension | ✅ Yes |
Verify Your Installation
Already have some tools installed? Check which ones you need:
# Check all versions
echo "Homebrew: $(brew --version | head -1)"
echo "Node.js: $(node --version)"
echo "pnpm: $(pnpm --version)"
echo "Git: $(git --version)"
echo "GitHub CLI: $(gh --version | head -1)"Expected Output
You should see version numbers for each tool:
Homebrew: Homebrew 4.x.x
Node.js: v20.x.x
pnpm: 9.x.x
Git: git version 2.x.x
GitHub CLI: gh version 2.x.xIf any tool shows "command not found", follow the installation guide below.
Installation Guide (macOS)
1. Install Homebrew
Homebrew is the package manager for macOS. Open Terminal and run:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"After installation, follow the instructions to add Homebrew to your PATH.
2. Install Node.js
We recommend using Node.js version 20 or later:
brew install node@20
# Or install the latest LTS version
brew install node3. Install pnpm
pnpm is our package manager of choice for the monorepo. Global npm packages require sudo:
sudo npm install -g pnpmWhy sudo? Global npm packages are installed in a system directory that requires administrator permissions. This is safe for trusted packages like pnpm.
4. Install Git
Git is usually pre-installed on macOS, but you can update it:
brew install git5. Install GitHub CLI
The GitHub CLI (gh) allows Claude to create Pull Requests directly. Global npm packages require sudo:
brew install gh
# Then authenticate with your GitHub account
gh auth loginWhen running gh auth login, choose:
- GitHub.com
- HTTPS
- Authenticate with a web browser
6. Install VS Code with Claude Extension
VS Code is our recommended editor with the Claude extension for AI-assisted coding:
brew install --cask visual-studio-codeAfter installing VS Code:
- Open VS Code
- Go to Extensions (⌘+Shift+X)
- Search for "Claude" by Anthropic
- Click Install
Clone the Repository
Once all tools are installed, clone the repository:
# Clone the repository
git clone git@github.com:CoworkingKitchen/vibe-coding-platform.git
# Navigate to the directory
cd vibe-coding-platform
# Install all dependencies
pnpm installSetup Quiz
Which command should you use to install dependencies in this monorepo?
Troubleshooting
"command not found: brew"
Add Homebrew to your PATH. For Apple Silicon Macs:
echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> ~/.zshrc
source ~/.zshrc"gh: command not found" after installation
Restart your terminal or run:
source ~/.zshrc"Permission denied" errors with npm global install
Use sudo for global npm package installations:
sudo npm install -g pnpmNext Steps
Once your setup is complete, proceed to the Basic Workflow to start your first contribution.