Claude Code Practical Tutorials

Step-by-step guides for real-world development workflows with Claude Code.

Quick Start Tutorials

Continue where you left off or resume any previous session.

claude --continue

claude --resume

💡 Tip: Use /memory to review session context before resuming. Use /compact to compress long conversations.

Quickly understand new projects or complex codebases with Claude.

give me an overview of this codebase

find the files that handle user authentication

⚡ Tip: Start broad ('explain this project') then narrow down ('how does authentication work'). Use @ to reference specific files.

Describe the bug. Claude explores the codebase, identifies the root cause, proposes a fix, writes tests to verify, and creates a PR.

I'm seeing an error when I run npm test

suggest a few ways to fix the @ts-ignore

Use Plan Mode (Shift+Tab) first to explore and plan. Claude analyzes the code, proposes a refactoring strategy, and executes it incrementally.

find deprecated API usage in our codebase

refactor utils.js to use ES2024 features

Ask Claude to write tests for your code. It analyzes the implementation, generates comprehensive test cases, and runs them to verify they pass.

add tests for the notification service

explain why this test is failing

After making changes, ask Claude to create a PR. It writes a summary, adds test plans, and opens the PR via GitHub CLI.

create a pr

enhance the PR description with more context

Generate README files, API docs, and inline comments. Claude reads your code and produces accurate, up-to-date documentation.

add JSDoc comments to auth.js

update the README with latest changes

Paste screenshots of UIs, error messages, or design mockups. Claude analyzes them and generates code or debugging steps.

Drag and drop images directly into the terminal, or use @ to reference image files

Generate CSS to match this design mockup

Get hands-on with Claude Code's powerful features.