Claude Code: The Complete Guide

Complete Visual Guide

Download or save this comprehensive infographic covering all Claude Code features, commands, and best practices.

1 What is Claude Code?

According to Anthropic's official documentation, Claude Code represents a paradigm shift in how developers interact with AI assistants. Unlike web-based chatbots, Claude Code operates within your actual development environment, understanding your codebase context and executing real actions.

Why Claude Code Matters

Traditional AI coding assistants require you to copy-paste code snippets back and forth. Claude Code eliminates this friction by:

• Direct File Access: Read, write, and edit files in your project without manual copying
• Git Integration: Create commits, branches, and pull requests directly
• Terminal Execution: Run commands, tests, and build scripts
• Context Awareness: Understand your entire codebase structure
• Extensibility: Connect to external tools via MCP servers

Claude Code vs Other AI Assistants

2 Installation & Setup

According to the Claude Code getting started guide, the recommended installation method is using the native binary installer, which provides the most stable experience.

System Requirements

Installation Methods

macOS / Linux / WSL (Recommended)

curl -fsSL https://claude.ai/install.sh | bash

Windows PowerShell

irm https://claude.ai/install.ps1 | iex

Alternative Methods

Authentication Setup

After installation, run claude to start the authentication process. Claude Code supports multiple authentication methods:

Verify Installation

# Check installation
claude doctor

# Start Claude Code
claude

# Start with initial prompt
claude "explain this codebase"

# Resume last conversation
claude -c

Configuration Files

3 Core Features & Commands

Claude Code provides a rich set of slash commands that enable powerful interactions. Here are the essential commands every user should know.

Essential Slash Commands

Keyboard Shortcuts

File References with @

Use the @ symbol to reference files directly in your prompts:

# Reference specific files
> Analyze @src/auth.ts and suggest improvements

# Compare multiple files
> Compare @package.json with @package-lock.json

# Reference directories
> Explain the architecture in @src/components/

# Reference with line ranges (VS Code)
> Fix the bug in @src/utils.ts:42-58

Checkpointing & Recovery

Claude Code automatically tracks file edits, allowing you to undo changes. Access the checkpointing feature by pressing Escape twice or using /rewind.

4 File Operations

Claude Code provides specialized tools for file operations that are more reliable than bash commands. Understanding these tools helps you work more effectively.

Built-in File Tools

When to Use Each Tool

Example Workflows

# Find all TypeScript files
> Find all .ts files in the src directory

# Search for function definitions
> Search for "function authenticate" in the codebase

# Read and analyze a file
> Read @src/auth/login.ts and explain the authentication flow

# Create a new component
> Create a new React component called UserProfile in src/components/

5 MCP (Model Context Protocol)

The Model Context Protocol (MCP) is an open standard introduced by Anthropic that allows Claude Code to connect to external tools, databases, and APIs without custom integrations.

What is MCP?

MCP Transport Types

Adding MCP Servers

HTTP Server (Recommended)

# Add Notion integration
claude mcp add --transport http notion https://mcp.notion.com/mcp

# Add GitHub integration
claude mcp add --transport http github https://api.githubcopilot.com/mcp/

# Add Sentry integration
claude mcp add --transport http sentry https://mcp.sentry.dev/mcp

Local Stdio Server

# Add PostgreSQL database
claude mcp add --transport stdio db -- npx -y @bytebase/dbhub --dsn "postgresql://user:pass@host/db"

# Add Airtable
claude mcp add --transport stdio --env AIRTABLE_API_KEY=YOUR_KEY airtable -- npx -y airtable-mcp-server

Managing MCP Servers

MCP Installation Scopes

Popular MCP Integrations

6 Agents & Subagents

According to Anthropic's subagents documentation, subagents are specialized AI assistants that operate independently for specific tasks, enabling parallel execution and isolated context management.

What Are Subagents?

Built-in Subagent Types

The Task Tool

The Task tool is how Claude delegates work to subagents. It can run up to 7 agents simultaneously for operations like:

• File reads: Reading multiple files in parallel
• Code searches: Searching different patterns simultaneously
• Web fetches: Gathering information from multiple sources
• Pattern matching: Finding code patterns across the codebase

How Subagents Work

Creating Custom Subagents

You can create custom subagents by placing files in the .claude/agents/ directory:

# Create agents directory
mkdir -p .claude/agents

# View available subagents
/agents

# Create new subagent with guided setup
/agents create

7 Git Workflows

Claude Code has deep Git integration that makes version control seamless. According to the Git workflow documentation, you can manage branches, commits, and pull requests directly through natural language.

Common Git Operations

# Create and switch to a new branch
> Create a branch feature/rate-limiting and switch to it

# Implement a feature
> Implement rate limiting on auth endpoints

# Run tests
> Run the tests

# Commit changes
> Commit these changes

# Push and create PR
> Push and create a PR to main with a summary of changes

Pull Request Creation

Claude Code uses the gh CLI for GitHub operations. When you ask Claude to create a PR, it will:

GitHub Actions Integration

Claude Code can be integrated with GitHub Actions for automated workflows:

# Install GitHub App
/install-github-app

Once installed, you can:

• @claude mentions: Tag Claude in PRs and issues for automated responses
• Automated reviews: Get code review feedback on pull requests
• Bug fixes: Request fixes that Claude implements directly
• Changelog generation: Automatically generate release notes

Git Worktrees for Parallel Work

Git worktrees allow checking out multiple branches in separate directories while sharing Git history. This is useful for parallel development tasks where you need to work on multiple features simultaneously.

Commit Best Practices

Claude Code naturally respects Conventional Commits format:

# Good commit message format
feat: add rate limiting to auth endpoints
fix: resolve memory leak in connection pool
docs: update API documentation
refactor: simplify authentication flow
test: add unit tests for user service

8 Advanced Configuration

Claude Code offers extensive configuration options through settings files, hooks, and custom commands. Understanding these enables powerful automation and team-wide conventions.

Settings Hierarchy

Settings apply in order of precedence (higher overrides lower):

Sample Local Settings (Whitelist MCP & Git)

Here's a sample .claude/settings.local.json file that whitelists MCP tools and common Git operations for uninterrupted workflow:

{
  "permissions": {
    "allow": [
      "Bash(git status)",
      "Bash(git add *)",
      "Bash(git commit *)",
      "Bash(git push *)",
      "Bash(git pull *)",
      "Bash(git checkout *)",
      "Bash(git branch *)",
      "Bash(git merge *)",
      "Bash(git log *)",
      "Bash(git diff *)",
      "Bash(gh pr *)",
      "Bash(gh issue *)",
      "Bash(npm *)",
      "Bash(npx *)",
      "Bash(yarn *)",
      "Bash(pnpm *)",
      "mcp__notion__*",
      "mcp__github__*",
      "mcp__postgres__*",
      "mcp__sentry__*"
    ],
    "deny": [
      "Bash(rm -rf /)",
      "Bash(sudo *)",
      "Bash(chmod 777 *)"
    ]
  },
  "enableAllProjectMcpServers": true
}

Hooks

Hooks allow you to run custom commands before or after Claude's tool execution. According to the hooks documentation, available hook events include:

Example Hook Configuration

{
  "hooks": {
    "SessionStart": [{
      "matcher": "startup",
      "hooks": [{
        "type": "command",
        "command": "echo 'conda activate myenv' >> "$CLAUDE_ENV_FILE""
      }]
    }],
    "PostToolUse": [{
      "matcher": "Write",
      "hooks": [{
        "type": "command",
        "command": "prettier --write "$CLAUDE_FILE_PATH""
      }]
    }]
  }
}

Custom Slash Commands

Create custom slash commands by adding markdown files to .claude/commands/:

# Create commands directory
mkdir -p .claude/commands

# Create a custom command
echo "Analyze this code for performance issues and suggest optimizations:" > .claude/commands/optimize.md

# Now you can use /optimize in Claude Code

Skills Structure

For more complex custom behaviors, create skills in .claude/skills/:

.claude/skills/
├── SKILL.md          # Main instructions (required)
├── templates/        # Templates for Claude to fill
├── examples/         # Expected output examples
└── scripts/          # Executable scripts

Memory Management with CLAUDE.md

CLAUDE.md files provide persistent context that Claude remembers across sessions. The memory system uses a hierarchy:

9 IDE Integrations

Claude Code integrates with popular IDEs to provide a seamless development experience. The VS Code extension is the most feature-rich integration.

VS Code Extension

Installation

Key VS Code Features

Permission Modes

JetBrains Integration

Claude Code supports the entire JetBrains family including IntelliJ IDEA, PyCharm, WebStorm, and more:

CLI to IDE Connection

Connect your terminal Claude session to VS Code:

# Connect to VS Code from external terminal
/ide

10 Best Practices & Tips

Based on Anthropic's best practices guide, here are proven strategies for getting the most out of Claude Code.

Performance Optimization

Cost Management

Subscription Options

Security Best Practices

Sandbox Mode

Enable sandbox mode for enhanced security:

/sandbox

Benefits of sandboxing:

• Filesystem isolation: Access only to specific directories
• Network isolation: Only approved servers can be reached
• 84% fewer permission prompts: Pre-approved safe operations
• OS-level security: Uses Linux bubblewrap, macOS Seatbelt

Security Recommendations

Effective Prompting Tips

Running Claude Uninterrupted (Auto-Accept Mode)

For experienced users who want Claude to work autonomously without confirmation prompts, there are several ways to enable uninterrupted execution:

Method 1: Dangerously Skip Permissions (CLI Flag)

# Start Claude with auto-accept all permissions
claude --dangerously-skip-permissions

# Shorter alias
claude -y

Method 2: Allowlist Specific Commands

A safer approach is to pre-approve specific commands in your settings file:

// .claude/settings.local.json
{
  "permissions": {
    "allow": [
      "Bash(git *)",
      "Bash(npm run *)",
      "Bash(npx *)",
      "Read",
      "Write",
      "Edit",
      "Glob",
      "Grep"
    ]
  }
}

Method 3: VS Code Auto-Accept Mode

In the VS Code extension, you can enable auto-accept mode from the settings:

Method 4: Headless Mode for CI/CD

For automation pipelines, use headless mode with streaming output:

# Run Claude in headless mode (non-interactive)
claude -p "run tests and fix any failures" --output-format stream-json

# With auto-accept for full automation
claude -p "refactor auth module" -y --output-format json

11 Frequently Asked Questions

Related Reading

Continue your AI and development tools learning journey with these related guides from JZ Blog:

• Agentforce Vibes: Complete Developer Guide to Enterprise Vibe Coding - AI-powered development with MCP integration, Claude compatibility, and Einstein Trust Layer
• Salesforce Spring '26 Release: Complete Guide 2026 - Lightning Types MCP Tool, Claude integration, and AI-assisted development features
• ServiceNow Strategic Portfolio Management (SPM) Complete Guide - Enterprise platform guide with AI-driven portfolio optimization
• Salesforce B2C Commerce Cloud: Complete Developer Guide - Modern headless architecture and Einstein AI integration

12 Abbreviations & Glossary