The argument in one line.
Claude's five surfaces — Chat, Code, Cowork, Design, and Routines — compound into an autonomous work system only when used together, but most users never leave the default chat window.
Read if. Skip if.
- You use Claude regularly but mostly in the default chat window and suspect you are leaving its most powerful features untouched.
- You have heard of Claude Code or Routines but have not yet set up a working project with either.
- You manage recurring workflows (meeting prep, weekly reviews, content scheduling) that currently require manual effort every time.
- You build or ship software and want to understand how an AI coding agent differs from copy-pasting code from a chat conversation.
- You are already running Claude Code with a mature CLAUDE.md, active Routines, and shared Cowork projects — this is an orientation video, not an advanced techniques tutorial.
- You are looking for model-level benchmarks or technical comparisons between Claude versions — this covers the product surfaces, not the underlying models.
The full version, fast.
Claude ships five distinct surfaces — Chat, Code, Cowork, Design, and Routines — and each handles a different class of work. Chat is for thinking and drafting; Code is for building and editing files; Cowork puts shared context in one place for teams; Design generates visual assets without a Figma round-trip; Routines run automated tasks on a schedule or event trigger, 24/7 from Claude's cloud. The video argues that users who treat these as one connected system — and who spend 20 minutes writing a CLAUDE.md and a tight project instructions field — get dramatically better output than users who repeatedly re-explain themselves in fresh chat windows.
Chat with this breakdown — free.
Sign in and you get 23 free chat messages on us — ask for the hook, quote a framework, find the exact transcript moment, generate a markdown action plan. Bring your own key when you want unlimited.
Create a free account →Where the time goes.

01 · Five major areas
Overview of Chat, Code, Cowork, Design, and Routines as one ecosystem.

02 · Projects: folders with memory
Projects persist context across chats — job hunt, fitness, apartment renovation examples. Drop docs in once, stop re-explaining.

03 · Custom Instructions: constraint sheet
The instructions field is not a wish list. The tighter and more specific, the better every output lands.

04 · Research vs Deep Research
Basic web toggle returns in 30s. Deep Research reads dozens of sources and returns a structured brief in 5-10 minutes.

05 · MCP: connecting your tools
Model Context Protocol lets Claude read and write to Notion, GitHub, Google Calendar, Slack inside a conversation. Set up once, use everywhere.

06 · Lovart sponsor segment
Sponsored Lovart demo: brand kit from one product photo generates full campaign — hero render, social assets, packaging.

07 · Claude Code: building the gym timer
Builds a rest-timer HTML app from a plain-English brief. Agent creates files, wires preset buttons, adds localStorage — no editor opened.

08 · Code vs Chat for multi-file work
In Code, renaming a function across an entire codebase happens in one pass. In chat, you hunt for every file manually.

09 · CLAUDE.md: the biggest unlock
Four sections: what the project is, stack/conventions, test/build commands, protected files. Spend 20 minutes once, save hours weekly.

10 · Three rules + AI Master plug
Ask before destructive ops. Run tests after every change. Summarize the diff in plain English. Mid-video AI Master course promotion.

11 · Cowork: shared context
Shared workspace puts pinned docs, constraints, and prior decisions in one place. Japan trip with three people, different travel dates.

12 · Cowork: concurrent editing
Two people can edit the same conversation simultaneously, like Google Docs. Use when more than one human touches the same body of work.

13 · Claude Design: no Figma round-trip
Generates slides, landing pages, social posts, motion graphics inside Claude. Token cost is twice chat — plan first, then build.

14 · Design system from a screenshot
One screenshot of a site you like. Claude extracts full palette, typography, component styles. Every output after that lands on-brand.

15 · Landing page and pitch deck
Landing page in one generation. Five-slide pitch deck in 2.5 minutes, no font cleanup or color correction needed.

16 · Routines: local vs remote
Local routines only run when the laptop is awake. Remote routines run in Claude's cloud 24/7. For anything you rely on, use remote.

17 · Meeting prep automation
Daily 6AM routine: pulls Google Calendar, buckets events, researches external attendees, posts one Slack brief per real meeting.

18 · Weekly gym recap
Sunday 8PM routine: reads Google Sheets training log, groups volume by push/pull/legs, compares to prior week, emails next-week plan.

19 · Event-based triggers
Trigger on Slack message, form submission, CRM lead — the trigger is the event, not the calendar. Most real automation work lives here.

20 · Five biggest mistakes
One per feature: default chat no project, no CLAUDE.md, treating Cowork like Slack, using local routines, vibe designing without a system.

21 · Wrap + final CTA
Five features, one workflow. Think in chat, build in Code, collaborate in Cowork, produce assets in Design, automate in Routines.
Lines worth screenshotting.
- Custom Instructions in a Claude Project are a constraint sheet, not a wish list — the tighter the constraints, the less work the first draft needs.
- Deep Research takes 5-10 minutes instead of 30 seconds because it reads dozens of sources and cross-references them before it answers.
- Claude Code operates at the file level: it reads and edits files on your machine while you watch, which is why a multi-file refactor takes one instruction instead of dozens of copy-paste cycles.
- A CLAUDE.md at your project root ends the guessing — four sections: what the project is, the stack and conventions, the test/build commands, and the files the agent must never touch without asking.
- Design burns tokens roughly twice as fast as chat; writing and tightening the brief in a regular chat conversation before opening a Design canvas cuts token use by more than half.
- Importing one screenshot into Claude Design's system builder reverse-engineers the full palette, typography, and component styles in one pass.
- Remote Routines run in Claude's cloud around the clock; local routines only fire when your laptop is awake, which is the exact moment you do not need them.
- Event-based triggers — new CRM lead, Slack message, form submission — handle the bulk of real automation work; time-based schedules handle the recurring morning jobs.
- Projects eliminate the daily re-explanation tax: drop the context in once, and every chat inside that project starts from it.
- Three rules belong in every CLAUDE.md: ask before any destructive operation, run the test suite after every change, summarize the diff in plain English before applying it.
Five Claude surfaces work as one system.
The gap between a Claude user stuck copy-pasting and one with an autonomous workflow comes down to which surfaces they have actually wired together.
- Custom Instructions in a Project function as a constraint sheet — the tighter the constraints, the more the output arrives in the right shape on the first attempt, with no editing required.
- Claude Code operates at the file level; the agent reads and modifies files on your machine while you watch, which means a multi-file refactor that takes dozens of copy-paste cycles in chat takes one instruction in Code.
- A CLAUDE.md at the project root ends the guessing — four sections: what the project is, the stack and conventions, the test/build commands, and the files the agent must never touch without asking.
- Three lines belong in every CLAUDE.md: ask before any destructive operation, run the test suite after every change, and summarize the diff in plain English before applying it.
- Cowork's value is the shared project, not the shared chat. Pinned documents and shared custom instructions mean every teammate's conversation reads from the same source of truth.
- Design burns tokens roughly twice as fast as chat — write and tighten the brief in a regular chat before opening a Design canvas to cut token use by more than half.
- Importing one screenshot into Claude Design's system builder reverse-engineers the full palette, typography, and component styles in one pass; every output after that lands on-brand instead of on the default gradient.
- Remote Routines run in Claude's cloud around the clock; local routines only fire when your laptop is awake, which is the exact moment you do not need them.
- Event-based triggers — new CRM lead, Slack message, form submission — handle the bulk of real automation work; time-based schedules handle the recurring morning jobs.
Terms worth knowing.
- CLAUDE.md
- A plain-text file placed at the root of a project folder that an AI coding agent reads before every task. It tells the agent what the project is, what conventions to follow, what commands to use for tests and builds, and which files are off-limits without explicit permission.
- MCP (Model Context Protocol)
- A protocol that lets Claude connect to and write to external apps — Notion, GitHub, Google Calendar, Slack — directly inside a chat conversation, without copy-pasting between tools.
- Project (Claude)
- A persistent folder inside Claude that holds uploaded documents, a custom instructions field, and a chat history. Every new chat opened inside a project automatically reads from those files and constraints.
- Remote Routine
- A Claude automation that runs on a time schedule or event trigger in Claude's cloud, independent of whether the user's machine is on or awake.
- Design System (Claude)
- A reusable visual specification — color palette, typography, component styles — that Claude extracts from an uploaded screenshot or Figma file and applies consistently to every Design generation.
- Cowork
- A shared Claude workspace where multiple people contribute to the same project context, files, and custom instructions, so every teammate's chat reads from the same source of truth.
- Deep Research
- A Claude mode that reads dozens of sources, cross-references them, and produces a structured research brief rather than a single chat reply. Takes 5-10 minutes versus 30 seconds for a basic web search.
Things they pointed at.
Lines you could clip.
“The trick most people miss is that this field is not a wish list. It's a constraint sheet. The tighter and more specific you make it, the better the output gets.”
“That is what code actually does. It reads and edits files on your machine while you watch every step.”
“That file is the difference between an agent that guesses and an agent that behaves.”
“I plan in chat, I build in Design. That single habit cuts my design token use by more than half.”
“A local routine only fires when your laptop is on and awake, which is exactly when you do not need it.”
Word for word.
Don't just watch it. Burn it in.
See every word as it's spoken — crank it to 2× and still catch all of it. The same dual-channel trick behind Amazon's Kindle + Audible.
The bait, then the rug-pull.
Five surfaces, one system. Most Claude users are running the equivalent of a car with the engine in neutral — the chat window is just the dashboard; the real horsepower is in Code, Cowork, Design, and Routines. This 20-minute walkthrough shows all of them working, and names the single mistake that keeps most people stuck in each one.
Named ideas worth stealing.
The Four-Section CLAUDE.md
- What the project is and what it does
- The stack, libraries, and conventions
- Commands to run for tests and builds
- Files Claude must never touch without asking
A four-section markdown file at the project root that the agent reads before every task, replacing the need to re-explain the project on every session.
Three Non-Negotiable CLAUDE.md Rules
- Ask before any destructive operation (delete files, force push)
- Always run the test suite after a change
- Summarize every diff in plain English before applying it
Three guard-rail lines that keep an AI coding agent useful rather than scary. They prevent silent damage, catch regressions, and give the human one more checkpoint.
Plan in Chat, Build in Design
Write and refine the design brief in a regular Claude conversation until it is tight, then open Design and generate. Design burns tokens twice as fast as chat, so this habit cuts token use by more than half.
Five-Surface Claude Workflow
- Think and draft in Chat
- Build and ship in Code
- Collaborate with humans in Cowork
- Produce visual assets in Design
- Automate the repetitive parts in Routines
A one-sentence-per-surface mental model for routing work to the right Claude surface instead of defaulting to chat for everything.
How they asked for the click.
“If you want the same workflow without piecing it together yourself, AI Master is where we teach all of it with a sandbox on the top models.”
Second plug for AI Master. First plug at approximately 8:15 with 30% off annual. Both plugs are tightly integrated with the content — the gym timer and calendar automation demos directly reflect AI Master course topics.



























































