Claude Code: setup, MCP, skills and Gemini CLI review

Learn Claude Code setup, connect AstroDocs MCP for an Astro 6 landing page, and use Gemini CLI to review changes with git diff.

Player not loading? Watch on YouTube

This tutorial follows a Claude Code workflow for building an Astro 6 website, then adding a signup page and reviewing the changes with Gemini CLI. The presenter installs the command-line coding assistant, signs in through a subscription, and explains permission modes, model selection and effort settings. The demonstration uses a Mac, with shell configuration notes for Windows users running WSL or Git Bash.

Project context comes from a CLAUDE.md file created after the initial structure exists. The presenter also customizes a usage status line and adds a ccd shell alias. For documentation access, the walkthrough connects AstroDocs MCP and explicitly requests it in the landing-page prompt. The initial result is a landing page; the presenter acknowledges that its functionality is incomplete.

A second build introduces frontend design skills, including project-level installation and symlinks. The presenter catches a missing skill in the new folder and installs it before continuing. Token-saving advice includes smaller tasks, clearing sessions and carrying a summary into a fresh conversation. These are the presenter's recommendations rather than measured savings.

The final workflow uses Git commits as recovery points and Gemini CLI to inspect git diff. Gemini initially edits during review, prompting an explicit request to report issues without changing files. The presenter then passes selected findings to Claude Code for fixes.