Skip to main content

Git and GitHub for Vibe Coders

Built a project with Claude Code or Codex? Learn to put it on GitHub, roll back changes when things break, and bring other people in to help.

Lessons

8 lessons
Chapter 1 · Introduction
01

The Problem (and What You'll Learn Here)

The project works, but it exists in exactly one place: why that's a problem, and what we'll cover.

Chapter 2 · The Practical Part: From Your Computer to GitHub
02

Save the Project: Install Git

The line to say to Claude Code to get started — and what actually happens next.

03

Put It Online: Create GitHub and Connect It

Account, authentication, and the line that uploads the project online.

04

Public or Private

Who can see your project — and why a key sitting inside it changes the answer.

Chapter 3 · What Happens Underneath
05

What a Commit Really Is

A snapshot of the project with a note on what you did — and the rule for taking a good one.

06

What Happens When You Push

The log lives on your computer. GitHub is its copy online — what that's actually for.

07

Getting Someone to Help: Clone and Pull

How someone else downloads the project and stays in sync with your work.

08

The Pull Request

How to propose a change without touching the version you're actually using.

From a Confusing Brief to a Complete UX/UI A vague brief becomes a navigable app. Product Ad From a Single Photo A photo becomes an animated ad, no code required. Get Claude to Watch Your Videos Claude watches your videos and turns them into text. Higgsfield Inside Claude Code Generate images and video while you code in Claude Code. Turn a Loom Recording Into a Web Page A screen recording becomes a web page, no code. Vertical Shorts With NotebookLM Your sources become a vertical short. Luxury Landing Pages on Lovable A luxury landing page from a single prompt. Excalidraw Running Locally Excalidraw free on your computer, no code. Mistral OCR in Your Workflow Extract text from documents with Mistral OCR. Claude SEO in the Terminal 25 free SEO skills inside Claude Code. Google Search Console inside Claude Code Search Console data inside your terminal. Claude Code Routines Claude working on its own, computer off. Clone a Landing Page in React With v0 Clone a real landing page into React code. Context Economy With Claude Work light and don't burn through Claude's limits. From Prompt to Self-Improving Skill Claude skills that learn from your mistakes. From NotebookLM to Canva: Presentations NotebookLM slides, finally editable in Canva. The Map for Understanding Every AI Tool 12 categories for placing any AI tool. Transparent PNGs With ChatGPT Real transparency, not a fake checkerboard. Animated Infographics With Gemini Infographics that loop, animated with Gemini. Market Research With Deep Research Deep Research as your market analyst. Get Cited by AI Search Engines (AEO) Become a source that ChatGPT and Perplexity cite.