The Product Compass

The Product Compass

AI Product Management

A Guide to Claude Code for PMs: From Cowork to Code

Claude Code looks intimidating. But if you've used Cowork, you're already 70% there.

Paweł Huryn's avatar
Paweł Huryn
Mar 08, 2026
∙ Paid

Same model. Same CLAUDE.md. Same web connectors. Same skills and plugins. If you've been using Claude Cowork, you're closer to Claude Code than you think.

The difference?

Code gives you an IDE — file explorer, terminal, git integration — optimized for working with codebases. It remembers what you told it yesterday. And it does things Cowork alone can't — like running terminal commands, managing git branches, and working from your phone.

(Haven't tried Cowork yet? Start with my Cowork guide for PMs. It'll make the transition smoother.)

This is how to get from Cowork to Code without feeling like you need an engineering degree.


What Is Claude Code?

Cowork and Claude Code share the same brain. The difference is where they live and what they can touch.

Cowork runs inside Claude Desktop — in a sandboxed VM. It works with files in your selected folder, connects to your apps, and handles knowledge work safely. Optimized for knowledge work — documents, research, and deliverables.

Code runs in VS Code (or the terminal). Same file access, but no sandbox — it runs bash commands directly, manages git, and gives you an Explorer sidebar to navigate your project visually. Optimized for codebases, prototyping, and engineering workflows.

The name is misleading. “Claude Code” sounds like it’s only for developers. It’s not. At Anthropic’s latest hackathon, an attorney, a cardiologist, and a roads worker won the Claude Code hackathon:

Source: Reddit

They won because they understood their problems deeply — and Code removed the friction between the idea and the build.


Why Bother with Claude Code?

Cowork is fantastic for knowledge work — email drafts, file creation, research, presentations. But you'll hit moments where it's not enough.

  • You want to prototype, not just describe. Cowork creates documents. Code creates working software. PRD to working demo in a single session. That’s what Anthropic PMs already do — they prototype in Claude Code instead of writing specs and waiting for engineering. Plan Mode lets you review before Claude changes anything.

  • You want context that compounds. Cowork sessions start fresh. Code has Auto Memory — it saves your patterns, preferences, and decisions across sessions. No more re-explaining your project every morning. Chat has memory in Projects. We set it up manually in Cowork. Code just does it.

  • You’re working with engineers — or replacing a ticket. Code speaks git natively. Prototype a feature, push to a branch, create a PR. Instead of writing a Jira ticket that says “move the button,” you move the button and show them.

If you only need email drafts and presentations, stay in Cowork. But if you’ve ever thought “I wish I could just build this myself” — Code is the bridge.

In this post, we discuss:

  1. The Transition to Claude Code: Step by Step

  2. What Genuinely Changes

  3. Claude Code - Three Extra Tips

  4. PM Power Moves

  5. Honest Caveats — Where Cowork Is Still Better

  6. Going Further — When You’re Ready

  7. What’s Next


1. The Transition to Claude Code: Step by Step

Step 1: Install VS Code

Download VS Code and install it. That’s it — no terminal commands, no configuration files. It’s a free editor that works on Windows, Mac, and Linux.

Step 2: Install the Claude Code Extension

Open VS Code, go to Extensions (Ctrl+Shift+X), search for “Claude Code” and install it.

How to Install the Claude Code extension for VS Code
How to Install the Claude Code extension for VS Code

Important: If you have GitHub Copilot Chat extension enabled, disable it. Having both active may create confusion when you start — two AI assistants competing for the same sidebar. Claude Code is the one you want.

Step 3: Connect Your Anthropic Account

You have two options:

  • Subscription (most likely): You probably already have Claude Pro or Max. Claude Code will prompt you to sign in on first use — it opens a browser window, you log in with your claude.ai account, approve the connection, and you’re done. Your subscription usage applies.

  • API key (pay-per-use): Go to console.anthropic.com → API Keys → Create Key. Then in VS Code: Command Palette (Ctrl+Shift+P) → “Claude Code: Set API Key” → paste it. You’re billed per token instead of a flat subscription.

Your web connectors (Gmail, Slack, Notion, etc.) carry over automatically from Cowork — they’re tied to your account, not to a specific app.

Step 4: Open Your Cowork Folder

File > Open Folder > navigate to the folder you’ve been using with Cowork.

Your CLAUDE.md is already there. The same instructions you wrote for Cowork work in Code. Claude reads them at the start of every session, just like before.

Step 5: Orient Yourself: What You’re Looking At

For comparison, this is what we saw in Cowork:

Cowork interface
Cowork interface

Here's what you see in VS Code:

VS Code after installing Claude Code extension
VS Code after installing Claude Code extension

Here’s what you see:

  • Left panel: Explorer. Your files and folders — always visible, always navigable. This is what makes Code feel different from Cowork.

  • Right panel: Claude Code extension. This is where you talk to Claude.

  • Middle panel: A dedicated Claude Code CLI window. It's there when you want more control, e.g., configure local MCP servers. Don't start with it — the extension UI is easier.

  • Bottom panel: System Terminal. System Terminal. You can close it for now.

Share


2. What Genuinely Changes

Once you're set up, most things feel familiar. Here's what actually surprised me.

Your Connectors Just Work

Whatever you connected in Cowork — Gmail, Slack, Notion — works here too. No reconfiguration. They're tied to your Anthropic account, not to the app. To see them, use the "/" menu:

Claude Code extension → “/” → MCP → Manage MCP Servers
Claude Code extension → “/” → MCP → Manage MCP Servers
Web connectors from Cowork visible in Claude Code extension for VS Code
Web connectors from Cowork visible in Claude Code extension

Auto Memory Replaces Our Workaround

Remember how we set up cross-session memory in Cowork with Desktop Commander? That was a workaround.

Code has Auto Memory built in (it was just releases). Claude automatically saves patterns, preferences, and decisions to a MEMORY.md file per workspace. It persists across sessions — no setup needed.

You can manage it with /memory and ask Claude to remember or forget specific things.

Managing memory in Claude Code CLI
Managing memory in Claude Code CLI

The progression:

  • Chat has memory per Projects

  • we set it up manually in Cowork

  • Code has the easiest version.

Plan Mode — Think Before You Act

Hit Shift+Tab and Claude switches to Plan Mode. It analyzes your request, proposes an approach, and waits for approval before touching anything.

Plan Mode in Claude Code extension
Plan Mode in Claude Code extension

For PMs, this is how you explore a codebase safely. This is similar to what you may know from Lovable.

Message Queuing — Stack Requests

You can type your next request while Claude is still working on the current one. It queues them and works through them in order.

Message Queuing in Claude Code
Message Queuing in Claude Code

Sounds small. In practice, it means you can dump a sequence of tasks — “fix the header, then update the copy on the pricing page, then run the tests” — and walk away (Lovable has it, too).

Context Window — You Can See It Now

Claude Code extension shows your context usage when you’re above 50%:

Context window exceeding 50%, Claude Code VS Code extension
Context window exceeding 50%, Claude Code extension

Type /context to visualize it:

Context window visualization in Claude Code extension for vs code
Context window visualization in Claude Code extension

The same method works in Claude Code CLI:

Context window visualization in Claude Code CLI
Context window visualization in Claude Code CLI

This matters because Claude's thinking quality degrades as the context fills up. When it climbs past 50%, use /compact to compress the conversation. In Cowork, you're flying blind on this.

Effort Control

In Chat, you toggle extended thinking on and off. In Cowork, it's adaptive. In Code, it's adaptive by default — but you get direct control via /effort. Higher for complex analysis, lower for quick edits:

Effort and thinking settings in Claude Code extension

File References with @

Type @ to reference any file from your workspace. Genuinely better than in Cowork for engineering workflows — you get autocomplete across the entire project:

Referencing any file from the workspace in Claude Code extension — genuinely better than in Cowork
Referencing any file from the workspace in Claude Code extension — genuinely better than in Cowork

3. Claude Code - Three Extra Tips

Explorer View — Your Project Structure, Always Visible

Cowork can also work with files in a folder (especially with Desktop Commander). But in Code, the project structure is always visible in the sidebar — and Claude can efficiently search across it with built-in tools:

Claude Code extension working on a large codebase
Claude Code extension working on a large codebase (accredia.io)

The difference isn’t “can it read files” — both can. It’s that Code makes your project structure a first-class citizen. This is especially useful when working with large code repositories for people who need to open those files often.

At the same time, I’m not gonna lie. When working with coding agents, Lovable included, I virtually never look at my projects’ code. Also, I find in-context files from Cowork optimized for knowledge work. When needed, Cowork lets you easily open folders those files are in:

Cowork presents and can focus on selected files in its right panel
Cowork presents and can focus on selected files in its right panel

How to Visualize and Edit .md Files

I recommend you install "Markdown Preview Enhanced" extension. After clicking Cmd + Shift + V or Ctrl + Shift + V you're able to use the WYSIWYG editor:

 WYSIWYG editor for .md files (Markdown Preview Enhanced)
WYSIWYG editor for .md files (Markdown Preview Enhanced)

If you right click an .md file → Open With…, you can make this a default behavior:

WYSIWYG editor for .md files by default
WYSIWYG editor for .md files by default

How to Connect to More Apps without Local MCPs

Claude Desktop offers built-in MCP Servers ("web connectors") for many popular apps (Gmail, Notion, Figma, Slack, etc.). Once configured, they are available in Claude Code, too.

To add more, you can use Pipedream MCP (a free platform) to connect to 1,000s of APIs and apps with a single MCP server:

  • Step 1: Go to https://mcp.pipedream.com/

  • Step 2: Connect your apps.

  • Step 3: In Claude Desktop, add a single custom web connector and follow the instructions: https://mcp.pipedream.net/v2

Using Pipedream MCP to connect Claude to 1,000s of APIs and apps
Using Pipedream MCP to connect Claude to 1,000s of APIs and apps

It works across the entire Claude ecosystem — Chat, Cowork, Code Tab, Claude Code (CLI and VS Code extension).

Share


Next, we continue with:

  • PM Power Moves

  • Honest Caveats — Where Cowork Is Still Better

  • Going Further — When You're Ready

  • What’s Next


4. PM Power Moves

Keep reading with a 7-day free trial

Subscribe to The Product Compass to keep reading this post and get 7 days of free access to the full post archives.

Already a paid subscriber? Sign in
© 2026 Paweł Huryn · Privacy ∙ Terms ∙ Collection notice
Start your SubstackGet the app
Substack is the home for great culture