02 Learning Path · 11 lessons

Claude Code

Install Claude Code, pick the right surface, and teach it your team rules with custom skills.

Start with lesson 01 ← All paths

What you'll learn

  • ✓ Install and configure Claude Code
  • ✓ Choose between app, extension, and terminal
  • ✓ Write your first custom Claude skills
  • ✓ Understand skills vs cowork for parallel work

About this path

Claude Code is the most powerful AI tool available to designers right now, but it has a learning curve. This path walks you through picking the right surface (app, extension, terminal), then writing your first custom skills so Claude understands your specific way of working.

In this path

11 lessons
  1. 01

    Set Up Claude Code (Step by Step for Designers)

    Install Claude Code, open it in a folder, and run your first AI tasks. No coding background, no terminal experience needed. Just follow along.
  2. 02

    Claude Code: App vs Extension vs Terminal (Which One to Use When)

    Claude Code comes in three flavors: a web/desktop app, a VS Code or Cursor extension, and a terminal CLI. Each one is designed for a different moment in your day. Here is which to pick.
  3. 03

    Put Claude Code Sessions Online

    How to choose between local resume, Remote Control, and Claude Code on the web so your AI work keeps running even when you step away from your computer.
  4. 04

    How to Create Custom Skills for Claude Code

    Build reusable slash commands that teach Claude Code your workflows, writing voice, and design system rules. No coding required.
  5. 05

    Claude Skills vs Cowork: What's the Difference?

    Skills teach Claude how to do design work. Cowork runs Claude on more work at once. Here's when to reach for each, with five copy-paste skills designers actually use.
  6. 06

    Context Is the Product: The Hidden Skill Behind Every Reliable AI Agent

    Good prompts produce good output once. Good context produces good output forever. A practical guide to structuring your projects so Claude Code, Codex, Cursor, or another AI assistant reads, understands, and acts consistently.
  7. 08

    Advanced Claude Code for Designers (Module 7)

    The Power User module. Ten lessons that take you from basic Claude Code use to a fully orchestrated design-system workflow: CLAUDE.md, workspace organization, skills, parallelization, auto research, browser automation, security, context management, cloud sessions, and diversification.
  8. 09

    Extended Thinking as a Design System Debugger

    Anthropic markets it as a reasoning feature. I use it as a debugger. When Claude misnames a token or mislabels a component, the scratchpad tells you exactly why.
  9. 10

    Parallel Review System: Run Four Reviews at Once, Ship Your Best Work Faster

    Instead of one long review with six lenses, run four short reviews, each with one lens, in parallel. Learn the multi-lens pattern that cuts design review time in half and surfaces issues a single reviewer would miss.
  10. 11

    From Executor to Orchestrator: The Career Shift Every Designer Needs to Make

    The biggest change in design work is not the tools. It is the role. This essay maps the shift from designer-as-executor to designer-as-orchestrator, with a concrete picture of what each half of your week should look like now.
  11. 12

    How and Why I Use Manus as My Research Assistant

    Manus is the only AI agent I trust to run research end-to-end without me babysitting every step. Here is how I use it, what it does well, and where I still verify by hand.

Ready to start?

Begin with lesson 01: Set Up Claude Code (Step by Step for Designers)

Start path

Explore other paths

00

AI Design Starter Path

A plain-language beginner path from first setup to your first agent-ready design system context.
01

Beginner AI Setup

Your first week with AI design tools. From zero to working setup.
03

Visual Direction & Style

Stop saying "make it premium." Learn to give AI real visual direction.
04

Design System Automation

Token audits, naming conventions, and component reviews with AI.
05

Automation for DS Teams

GitHub Actions, browser automation, and overnight pipelines that run while you sleep.
06

Codex for Designers

Set up Codex, teach it your project rules, and turn repeatable design QA into reusable skills.
07

Agentic Design Systems

Make your design system readable by AI agents and coding tools.
08

Motion & Animation

A simple, hands-on path for UI motion: learn the vocabulary, then practice the core moves with interactive demos.