Lesson 4 of 4 · Agent Skills Mastery: AI Coding Tools from Zero to Hero
Setting Up Your Agent Toolkit
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):
macOS / Linux (curl):
Windows (WinGet):
npm (all platforms):
Verify the installation:
Authentication
Claude Code needs an Anthropic account. You have several options:
| Auth Method | Best For | Cost |
|---|---|---|
| Claude Pro subscription | Individual developers | $20/mo (includes generous usage) |
| Claude Max subscription | Heavy users | $100-200/mo (5-20x more usage) |
| Claude Team/Enterprise | Teams | $30/mo per seat |
| API key (BYOK) | Pay-per-use | Variable (token-based) |
To authenticate:
If you want to use an API key instead:
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)
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:
Option C: Cline (Open Source, VS Code)
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:
Authenticate with your OpenAI account:
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):
Now launch Claude Code:
You will see the Claude Code interface. Type your first prompt:
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.
Watch what happens. The agent will:
- Create
package.jsonwith Express as a dependency - Create
server.js(orindex.js) with the three endpoints - Run
npm installto install dependencies - Possibly create a test file
- 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.
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 generationEscape-- Clear input / exit menusCtrl+L-- Clear conversation display
Slash commands:
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
Start in suggest mode and approve each action to build intuition for agent behavior
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
- Open the integration or environment discussed in this lesson.
- Perform one small end-to-end task there instead of in your normal terminal flow.
- 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:
The Claude Code Surfaces
One thing that makes Claude Code unique is that it runs on multiple surfaces -- not just the terminal:
| Surface | How to Access | Best For |
|---|---|---|
| Terminal | claude command | Maximum power, scripting, CI/CD |
| VS Code | Extension: "Claude Code" | IDE-integrated coding |
| JetBrains | Plugin: "Claude Code" | IntelliJ/PyCharm users |
| Web | claude.ai/code | No installation needed |
| iOS App | Claude iOS app | Reviewing on the go |
| Slack | Claude Slack bot | Team 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:
- Install Claude Code using one of the methods above
- Authenticate with your account
- Create the test project (agent-playground) as described
- Run the Express API exercise -- watch the full agent loop in action
- Try plan mode (Shift+Tab) and ask: "How would you add input validation to the echo endpoint?"
- Run
/costto see how much the session cost - Run
/compactto 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
Use ← → to navigate, Space to mark complete