MODULE 1: Workspace Orientation

Building confidence and mental models before installation

📍Welcome: Your Orientation (No Installation Yet)

You work in spreadsheets, presentations, and client reports. You might be thinking:

  • "Why would I ever need to 'code'?"
  • "I don't even know what a 'Terminal' is, and it looks intimidating."
  • "How much will this actually cost me in time and money?"
  • "What would I, a non-coder, even build with this?"

Perfect questions. Let's answer them. This module is orientation only—no installation, no terminal commands, no coding. You're building mental models and confidence here.

Key Terms (You'll See These Often)

  • IDE (Integrated Development Environment) = A text editor for creating web pages and tools. Think: Microsoft Word, but for code. Example: VS Code.
  • VS Code = The free IDE made by Microsoft. Claude Code works inside it. You'll download it in Module 2.
  • Terminal (or Command Line) = A text window where you type short commands. It looks scary but you'll use only 2-3 commands. You'll use it in Module 2.

🛠️What You'll Build in This Series

These aren't abstract coding exercises. These are four projects you'll build across Modules 2-3 as a financial consultant—real tools to automate work, save time, and create client-ready deliverables.

🗓️ Learning Timeline

  • Module 1 (Now): Orientation—licensing, mental models, and interactive cost calculator to understand token pricing. No installation yet.
  • Module 2: Installation & authentication. You'll run 2-3 terminal commands to set up Claude Code and VS Code. ~30 min hands-on.
  • Module 3: First real project—build a compound interest calculator for clients using plain English prompts. ~45 min hands-on.
  • Modules 4-5: Advanced workflows—context engineering (CLAUDE.md) and automation chains for scaling your practice. Strategic thinking.

🧮 Project 1: Compound Interest Calculator

Module 3. Build a web-based calculator with inputs for initial investment, monthly contribution, years, and interest rate. Claude generates the full HTML/CSS/JavaScript for you.

Why it matters: Embed it on your website or use live in client meetings to model scenarios—no Excel needed.

📊 Project 2: Portfolio Dashboard

Module 3 (Extension). Upload a CSV of client holdings and ask Claude to create an HTML page with a pie chart, top 10 holdings table, and YTD performance summary.

Why it matters: Turn raw data into client-ready visuals in minutes, not hours of Excel formatting.

📄 Project 3: Quarterly Report Template

Module 4 (Context Engineering). Create a reusable branded template for quarterly reports with sections for executive summary, market commentary, and portfolio performance.

Why it matters: Consistent, professional reports without wrestling Word templates—Claude remembers your brand style via CLAUDE.md.

🔗 Project 4: Client Meeting Automation Chain

Module 5 (Automation). An automated workflow: prep checklist → talking points → follow-up email draft. Three outputs from one prompt chain.

Why it matters: Automate the entire client meeting lifecycle—never forget a step, scale your practice without scaling hours.

💬 What One Consultant Said

"I wrote a prompt like I was briefing an analyst. Claude wrote an entire calculator—slider, output, pretty chart—in about 30 seconds. I just reviewed it, approved, and suddenly I had a live tool on my screen. I felt like I had unlocked a superpower."

That's the promise of Module 3. You'll get there.

💰Usage & Licensing Overview

Plans at a glance

Claude Code is offered via subscription with plan tiers. At time of writing, edits inside the IDE experience are not billed per token; confirm latest pricing on Anthropic’s pricing page. API‑level token costs apply when you use the API directly. See the Module 2: Usage & Costs section for a simple token cost estimator.

Pro

For individuals who want local editing with review/approve diffs and seamless auth.

Team

For small teams: seats, usage visibility, and shared policies for safe collaboration.

Enterprise

Admin controls, compliance support, advanced security, and enterprise provisioning.

💡 Try the interactive cost calculator below to estimate your usage

Try Cost Calculator ↓

🧮AI Code Generation Cost Calculator

Estimate the cost of using cloud-based AI models (like Claude, GPT-4, Gemini) for generating or editing code. This teaches you how token pricing works and how to optimize your prompts.

📊 Usage Inputs

💲 Pricing (as of Oct 2024)
Verify current rates at provider's pricing page

💰 Cost Breakdown

👈 Enter your values and click Calculate

📚 Example Scenarios

Simple Calculator

1500 input, 2000 output, 1 call

Portfolio Dashboard

3000 input, 5000 output, 3 calls

Quarterly Report

2500 input, 4000 output, 5 calls

🗄️Understanding Your Computer Like a Filing Cabinet

Before we touch the Terminal, let's build the right mental model. This is the single most important concept for non-coders to grasp.

This diagram shows how your computer organizes files—like drawers in a filing cabinet.

Filing Cabinet Analogy for a computer file system 💻 Computer 📁 Users 📁 YourName 📁 Desktop 📄 Q3_Summary.pdf Path: /Users/YourName/Desktop/...

Use this as a mental model for the IDE’s file navigator: drawers, folders, and documents. Claude Code understands your project root inside VS Code and proposes diffs within that workspace.

👟Preview: How It Works in VS Code

This is a preview of next module's workflow so your mental model is clear. No action needed yet.

Preview of Claude Code flow Open folder in VS Code (your project root) Ask Claude in side panel (plain English prompt) Review diff (preview changes) (before/after view) Approve ✓ (or reject)

In Module 2, you'll install and run this flow for real. Today's goal is simply to understand each step.

💡3 Key Orientation Tips

Can I break my computer?

No. Claude Code never changes a file without your explicit approval. Every edit shows a "diff" (before/after preview). You click Approve or Reject. Think of it like Track Changes in Word—you're always in control.

— It's a safe space to explore.

Do I need to know programming?

No. You'll write prompts in plain English like you're briefing an analyst: "Create a calculator with sliders for investment, rate, and years." Claude generates the code. You review it visually (no reading code required) and approve.

— Plain language is your interface.

What if I get stuck?

Module 2 has step-by-step screenshots. Module 3 has video walkthroughs. Each FAQ section addresses common errors. If something doesn't work, the error message usually tells you exactly what to fix—and Claude can help explain it.

— You won't be alone.

Setup Readiness Simulator

Since you haven't installed anything yet, this is a simulator to show you what a successful setup will look like in Module 2. Click to see what "success" means.

🧠Confidence Check

Before moving to Module 2 (installation), ask yourself:

  1. Do I understand the "filing cabinet" mental model—that my computer organizes files in nested folders (paths)?
  2. Do I see how Claude Code will work: I open a folder in VS Code, ask Claude in plain English, review proposed changes, then approve?
  3. Am I ready to install VS Code and Claude Code in the next module, following step-by-step instructions?

If you answered "yes" to all three, you're ready. Module 2 will guide you through every installation step with screenshots.

Common Questions

Knowledge Check

1 of

🪜What You Learned & What's Next

Where you are now:

You understand how your computer organizes files (paths, not places), how to navigate using Terminal commands, and that it's a safe environment for the tasks we'll be doing.

Where you’re going next:

In Module 2, we will use these new terminal skills to do the one-time installation of Claude Code and run our first, real value-creating command.

Continue to Module 2: The Real Installation