Lesson 4 of 4 · Agent Skills Mastery: AI Coding Tools from Zero to Hero

Setting Up Your Agent Toolkit

reading15 min

Setting Up Your Agent Toolkit

Enough theory. Let us get your hands dirty. In this lesson, you will install the essential AI coding agent tools, authenticate them, run your first agent interaction, and have a clear roadmap for the rest of this course.

By the end of this lesson, you will have a working development environment with at least two AI coding agents ready to go.

Step 1: Install Claude Code

Claude Code is the primary tool for this course. It is a terminal-based AI coding agent built by Anthropic that runs directly in your shell.

Installation Options

macOS (Homebrew -- recommended):

Bash
brew install claude-code

macOS / Linux (curl):

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

Windows (WinGet):

powershell
winget install Anthropic.ClaudeCode

npm (all platforms):

Bash
npm install -g @anthropic-ai/claude-code

Verify the installation:

Bash
claude --version
# Should output something like: claude-code 1.x.x

Authentication

Claude Code needs an Anthropic account. You have several options:

Auth MethodBest ForCost
Claude Pro subscriptionIndividual developers$20/mo (includes generous usage)
Claude Max subscriptionHeavy users$100-200/mo (5-20x more usage)
Claude Team/EnterpriseTeams$30/mo per seat
API key (BYOK)Pay-per-useVariable (token-based)
Concept Card

To authenticate:

Bash
claude
# First run will open your browser for authentication
# Log in with your Anthropic account

If you want to use an API key instead:

Bash
export ANTHROPIC_API_KEY="sk-ant-your-key-here"
claude
Subscription vs API Key

For learning, the Claude Pro subscription ($20/mo) is the best value. It includes substantial Claude Code usage without worrying about per-token costs. API keys are better for CI/CD automation and scripting where you need precise cost control. You can switch between them at any time.

Step 2: Install a Secondary IDE Tool

While Claude Code is our primary tool, you should also have an IDE-integrated agent for daily coding. Pick one:

Option A: GitHub Copilot (VS Code)

Bash
# Install the VS Code extension
code --install-extension GitHub.copilot
code --install-extension GitHub.copilot-chat

Then sign in with your GitHub account in VS Code. Enable Agent Mode in Copilot Chat settings.

Option B: Cursor

Download from cursor.com. It is a standalone editor based on VS Code, so all your extensions and settings transfer:

Bash
# macOS
brew install --cask cursor

# Or download directly from cursor.com

Option C: Cline (Open Source, VS Code)

Bash
code --install-extension saoudrizwan.claude-dev

Then configure your API key in the extension settings. Cline works with Claude, GPT, Gemini, or local models.

Step 3: Optional -- Install Codex CLI

OpenAI's Codex CLI is useful as a complementary cloud agent:

Bash
npm install -g @openai/codex

Authenticate with your OpenAI account:

Bash
export OPENAI_API_KEY="sk-your-key-here"
codex

Step 4: Your First Agent Interaction

Now let us run your first real agent session. Open your terminal and navigate to any project directory (or create a test project):

Bash
# Create a test project if you do not have one handy
mkdir ~/agent-playground && cd ~/agent-playground
git init
echo '# Agent Playground' > README.md
git add . && git commit -m "Initial commit"

Now launch Claude Code:

Bash
claude

You will see the Claude Code interface. Type your first prompt:

Tip

Use Setting Up Your Agent Toolkit in a low-risk branch or scratch project first. That keeps the lesson concrete without making your first attempt carry production pressure.

Create a simple Node.js Express API with three endpoints:
1. GET /health - returns status ok
2. GET /api/time - returns current server time
3. POST /api/echo - returns whatever JSON body is sent

Include proper error handling and a package.json with scripts.

Watch what happens. The agent will:

  1. Create package.json with Express as a dependency
  2. Create server.js (or index.js) with the three endpoints
  3. Run npm install to install dependencies
  4. Possibly create a test file
  5. Possibly run the server to verify it starts correctly

This is the agent loop in action. It is not just generating code -- it is building a working project.

Approve Actions Carefully

On your first run, Claude Code will be in "suggest" mode -- it will ask permission before every file write and command execution. Read each action before approving. This is how you build intuition for what agents do. After you are comfortable, you can switch to more permissive modes.

Step 5: Explore the Interface

While in a Claude Code session, try these essential interactions:

Keyboard shortcuts:

  • Shift+Tab -- Toggle plan mode (agent plans but does not act)
  • Ctrl+C -- Cancel current generation
  • Escape -- Clear input / exit menus
  • Ctrl+L -- Clear conversation display

Slash commands:

/help          # Show all available commands
/model         # Switch the AI model
/clear         # Clear conversation and free context
/compact       # Summarize conversation to save context
/status        # Show session info and token usage
/cost          # Show session costs
/permissions   # Manage tool permissions

Try plan mode: Press Shift+Tab and then ask: "What would you change to add rate limiting to this API?" The agent will analyze your code and create a detailed plan without making any changes. This is incredibly useful for understanding what an agent would do before letting it act.

First-Time Agent Usage

Do

Start in suggest mode and approve each action to build intuition for agent behavior

Don't

Jump straight to full-auto mode on a codebase you care about before understanding how the agent operates

Run This Workflow in Setting Up Your Agent Toolkit

  1. Open the integration or environment discussed in this lesson.
  2. Perform one small end-to-end task there instead of in your normal terminal flow.
  3. Write down what got faster, what got slower, and what context you still needed.

Step 6: Verify Your Setup

Let us make sure everything is working. Run through this checklist:

Bash
# Check Claude Code
claude --version
claude -p "What is 2 + 2?" --output-format text
# Should output: 4 (or a response containing 4)

# Check your IDE tool
# For Copilot: Open VS Code, check the Copilot icon in the status bar
# For Cursor: Open Cursor, check that AI features are active
# For Cline: Open VS Code, check the Cline panel

# Check Node.js (needed for many exercises)
node --version    # Should be 18+
npm --version     # Should be 9+

# Check Git (essential for agent workflows)
git --version     # Should be 2.30+

# Check Python (optional, useful for some exercises)
python3 --version # Should be 3.10+

The Claude Code Surfaces

One thing that makes Claude Code unique is that it runs on multiple surfaces -- not just the terminal:

SurfaceHow to AccessBest For
Terminalclaude commandMaximum power, scripting, CI/CD
VS CodeExtension: "Claude Code"IDE-integrated coding
JetBrainsPlugin: "Claude Code"IntelliJ/PyCharm users
Webclaude.ai/codeNo installation needed
iOS AppClaude iOS appReviewing on the go
SlackClaude Slack botTeam collaboration

All surfaces share the same underlying agent engine. Your CLAUDE.md files, skills, and settings work across all of them.

Course Roadmap

Here is what you will learn in the rest of this course:

Chapter 2: Understanding AI Coding Agents -- Deep dive into how agents work internally: the agent loop, tool use, context windows, memory, sandboxing, and choosing the right model.

Quick Check

What is the main benefit of using Setting Up Your Agent Toolkit well in Claude Code?

Chapter 3: The Agent Skills Open Standard -- Master the SKILL.md format, build custom skills, understand discovery and activation, work with scripts, and test skills effectively.

Chapter 4: Claude Code Field Guide -- Become a Claude Code power user: CLI commands, CLAUDE.md configuration, plan mode, extended thinking, context management, and productivity workflows.

Chapter 5: Advanced Agent Workflows -- Multi-agent orchestration, hooks system, MCP servers, CI/CD integration, and building autonomous pipelines.

Chapter 6: Building Production Skills -- Real-world skill development: deployment skills, code review, testing, documentation generation, and publishing to the community.

Chapter 7: The Future of Agentic Development -- Where this technology is heading, how to stay current, and building your career around AI-assisted development.

Each chapter builds on the previous one. The exercises get progressively more complex. By Chapter 5, you will be building multi-agent systems that can handle entire development workflows autonomously.

Try This Now

Complete the full setup and first interaction:

  1. Install Claude Code using one of the methods above
  2. Authenticate with your account
  3. Create the test project (agent-playground) as described
  4. Run the Express API exercise -- watch the full agent loop in action
  5. Try plan mode (Shift+Tab) and ask: "How would you add input validation to the echo endpoint?"
  6. Run /cost to see how much the session cost
  7. Run /compact to see how context compaction works

Bonus challenge: After the Express API is created, ask the agent: "Add comprehensive tests using Jest, then run them and fix any failures." This will give you a great feel for the iterate-until-done loop.

Document what surprised you about the experience. What did the agent do well? Where did it struggle? These observations will be valuable as you progress through the course.

Key Takeaways

  • Claude Code installs via Homebrew, curl, WinGet, or npm -- authentication uses your Anthropic account or API key
  • The Claude Pro subscription ($20/mo) is the best starting point for learning
  • You should have at least two tools: a CLI agent (Claude Code) and an IDE agent (Cursor, Copilot, or Cline)
  • Your first agent interaction demonstrates the full observe-plan-act-verify loop in action
  • Plan mode (Shift+Tab) lets you preview what the agent would do without making changes
  • Claude Code runs on multiple surfaces: terminal, VS Code, JetBrains, web, iOS, and Slack
  • The course progresses from fundamentals to advanced multi-agent orchestration over seven chapters