|
Quickstart · Lessons · Templates · Skills ·

Learn agentic coding.

A free beginner-friendly resource to Claude Code — the AI assistant that lets anyone build software through conversation.

01
Start here

Get
Started

Install Claude Code and run your first agentic workflow. One page, no fluff — built for complete beginners.

02
Watch & learn

Lessons &
Templates

Focused walkthroughs of real Claude Code sessions plus ready-to-use project templates.

03
Build faster

Skills
Catalog

A growing catalog of community skills for Claude Code — coming soon.

Quickstart

From zero to agentic.

Get Claude Code installed, configured, and running your first AI-powered coding session — step by step.

~5 min total
5 steps
No experience required
Mac · Windows · Linux
Prerequisites
1
System

Terminal setup

The terminal is a text window where you type commands to control your computer — like a chat with your OS. Claude Code lives here. Pick your OS to get one:

2
Node.js

Install Node.js

Node.js is a behind-the-scenes engine that tools like Claude Code run on. You don't need to know JavaScript — just have it installed.

Check if you already have a compatible version:

# Need version 18 or higher
$ node --version
v20.11.0
💡

No Node.js or version too old? Download the LTS release from nodejs.org — it's a standard installer, takes about a minute.

Claude Code
3
Installation

Install Claude Code

Run the one-line installer:

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

Once installed, type claude --version to confirm it worked. See the official install docs for full details.

4
Authentication

Log in to your account

Claude Code requires an account. Start your first session and log in when prompted:

$ claude
# You'll be prompted to log in on first use
> /login
# Follow the prompts to log in with your account

You can log in with any of these account types:

  • Claude Pro, Max, Team, or Enterprise — log in with your browser. No extra setup needed.
✅

Once you see the > prompt, you're in. Continue to step 5 — your session is already open.

5
First task

Your first task

You're already in a Claude Code session from the previous step. Try this prompt:

Create a simple Python script that asks for my name
and prints a personalized greeting. Then run it.
  • Claude asks permission before writing or changing any file
  • It shows you every file edit before applying it
  • You approve, reject, or redirect at any step
  • You stay in control — Claude does the typing

You're ready to build.

That's the full setup. Continue with lessons to set up VS Code, install Superpowers, and add Playwright MCP.

Lesson 01 · Editor Setup

Set up VS Code

Open VS Code as your file viewer and terminal host — the foundation for every project you build.

1
Editor

Create your projects folder

Open VS Code — download it here if you don't have it. Then click Open… → navigate to Documents → click New Folder → name it projects → click Create.

Creating the projects folder in VS Code
2
Editor

Open the integrated terminal

Go to Terminal → New Terminal in the menu bar. A terminal panel opens at the bottom — already inside your projects folder.

Opening Terminal menu in VS Code VS Code with projects folder and terminal open
3
Editor

Confirm your location

Run this to verify you're in the right place:

$ pwd
/Users/yourname/Documents/projects
Terminal confirming the projects folder location
✓

You're set. Every project you build from now on lives inside this folder — and Claude always starts from wherever your terminal is.

4
Editor

Configure your settings

Press Ctrl+Shift+P (or ⌘+Shift+P on Mac), type Open User Settings (JSON), and hit Enter. Replace the contents with this:

{
    "editor.minimap.enabled": false,
    "editor.wordWrap": "off",
    "editor.autoClosingBrackets": "never",
    "editor.autoClosingQuotes": "never",
    "editor.formatOnSave": false,
    "editor.formatOnPaste": true,
    "editor.smoothScrolling": true,
    "workbench.editor.revealIfOpen": true,
    "workbench.sideBar.location": "right"
}
💡

These settings disable distracting auto-completions, remove the minimap, and move the sidebar right — so opening it doesn't shift your code.

Lesson 02 · Power-ups

Install Superpowers

Install the community plugin marketplace and get access to skills Claude invokes automatically.

1
Power-ups

Superpowers

The Superpowers marketplace provides Superpowers and related plugins for Claude Code — community-built skills, workflows, and automation that Claude invokes automatically.

Run these two commands inside a Claude Code session. First, register the marketplace:

> /plugin marketplace add obra/superpowers-marketplace

Then install Superpowers from it:

> /plugin install superpowers@superpowers-marketplace
💡

This is what the Skills Catalog on this site is built around. Browse it to find skills that match your workflow.

Lesson 03 · Browser automation

Playwright MCP

Give Claude a browser. It can open pages, click, take screenshots, and verify your UI actually works.

1
Browser automation

Playwright MCP

The Playwright MCP server lets Claude open a browser, click around, take screenshots, and verify that your UI actually works.

$ claude mcp add playwright npx @playwright/mcp@latest
✓

Restart Claude Code after adding the MCP server. Verify with claude mcp list — you should see playwright in the list.

02 · Lessons & Templates

Watch & build.

Focused walkthroughs of real Claude Code sessions.

03 · Skills Catalog

Build faster.

We're curating a library of community skills for Claude Code. Check back soon.

⚡   Curating now