CREATIVE MINDS · THE STUDIO BIBLE
For Kimberley · From first install to shipping · Built from the GCCP Design Studio

The Studio Bible

Everything you need to run your design studio with Claude — start to finish. The first half assumes you've never opened Claude Code in your life: what it is, how to install it, how to talk to it, and how not to break anything. The second half is the studio itself — its memory, its review board, its commands, and the prepaid-first habits that keep costs near zero. Read Part A once. Keep the rest open as a reference and come back to it.
17 chapters · 3 parts · A handover from Aaron · Read at your own pace
MAP

What's in here

Click any chapter to jump

This is a big document on purpose — it's a reference, not a novel. You don't read it cover to cover. Start with Part A to get up and running, then dip into the rest whenever you hit something new. Every chapter is self-contained.

Part A · Get running
01Start here — how to read this
02What is Claude Code, really?
03Installing & opening it (Windows)
04Your first session, step by step
05Git for non-coders — commit & push
Part B · How the studio thinks
06The memory system — the brain
07Claude Code vs Claude.ai co-work
08Automations on Claude.ai
09Your Studio Library dashboard
10The Design Board — quality gate
11The 13-layer design stack
12Commands, departments & skills
Part C · Working well
13Cost discipline & routing
14House rules — the best bits
15Glossary — plain English
16When you're stuck
17Your first week checklist
A
Get running
No assumptions. By the end of Part A you'll have Claude Code open, you'll have made and saved your first change, and you'll understand what every button and word means. Take it slowly — you only do this once.
01

Start here — what you've actually got

Orient first

You've been given a working copy of a design studio that Aaron built and refined over many months — re-pointed at your accounts. It is not a blank tool you have to figure out. It already knows how to design websites, decks, dashboards, brand systems and social assets to a high standard, and it already has a quality-control process baked in. Your job isn't to build the engine. It's to learn to drive it.

What this is

A folder of files on your laptop (the "studio") plus Claude Code — an AI assistant that lives in that folder, reads and writes the files for you, and follows your instructions in plain English.

What you do

You talk to it. You describe what you want — "make a landing page for this client", "turn these notes into a deck" — and it builds, then you review and refine. No code required from you.

What this guide does

Gets you from never-having-opened-it to shipping real client work, without the months of trial and error. Read Part A in order; treat B and C as a reference shelf.

The one mindset that matters

Claude Code is a very capable junior who has no memory of yesterday unless you write it down, and who does exactly what you ask — so the two skills worth building are (1) asking clearly and (2) keeping good notes (the memory system, Chapter 06). Everything else in this bible serves those two habits. You don't need to be technical. You need to be a good director.

A note on the finance bits

This studio grew up inside an investment firm, so you'll occasionally see references to LPs, IRR, capital stacks, "institutional quality". Ignore anything finance-specific — it's harmless, and it doesn't apply to a creative agency. Where a rule is finance-only, this bible flags it optional. The design craft underneath is exactly what you want.

02

What is Claude Code, really?

Plain English

You've used Claude (or ChatGPT) in a browser — you type, it types back. Claude Code is the same intelligence, but with hands. Instead of only writing answers into a chat box, it can open your files, change them, create new ones, run commands, and save its work — all inside one folder on your computer. That difference is the whole point.

Claude in a browser
Talks · Thinks · Drafts
Lives inA web page (claude.ai).
Can doAnswer, write, brainstorm, analyse images, research.
Can't doTouch your actual files or save anything to your computer.
Best forThinking, drafting copy, planning, quick questions.
+ hands =
Claude Code
Talks · Thinks · Builds · Saves
Lives inYour studio folder, opened in a terminal window.
Can doEverything above plus create/edit files, run the studio's commands, save versions.
Can't doNothing it shouldn't — it asks permission before big or risky actions.
Best forActually making the website, deck, dashboard or asset.
So why a "terminal"? Isn't that scary?

The terminal is just a plain text window where you type to Claude instead of clicking buttons. It looks technical, but you'll only ever type English sentences into it. You are not coding. Think of it as a messaging app with one very talented contact. Chapter 04 walks through exactly what you'll see.

03

Installing & opening it on Windows

One-time setup

There's a good chance Aaron (or whoever set up your laptop) has already installed this for you — if so, skip to Step 4 and just learn how to open it. If you're starting from a clean machine, here's the whole thing. Don't rush; you do this once.

Install Node.js (the engine Claude Code runs on)
Go to nodejs.org and download the LTS version for Windows. Run the installer, click Next through it, accept the defaults. This is a one-time thing — like installing Microsoft Word before you can open a document.
Open a terminal
Press the ⊞ Win key, type Terminal (or PowerShell), and press Enter. A dark window with a blinking cursor opens. This is where you'll talk to Claude. Leave it open.
Install Claude Code
In that window, type this line and press Enter. It downloads and installs Claude Code (takes a minute):
PS> npm install -g @anthropic-ai/claude-code
if it changes Install commands occasionally change. If that line errors, the current instructions are always at claude.com/claude-code — or just ask Aaron.
Go into your studio folder, then launch Claude
Claude Code must be inside your studio folder to work on it. Tell the terminal to go there, then start Claude:
PS> cd "C:\Users\Kimberley\creative-minds-studio" # go into your studio folder PS> claude # start Claude Code
Tip: the fastest way to get the folder path right — open the folder in File Explorer, click the address bar, copy it, and paste it after cd in quotes. The very first time, Claude will ask you to sign in with your Claude account in the browser. Do that once and you're in.
You'll know it worked when…
The window changes — you'll see a welcome banner and a prompt waiting for you to type. That's the studio, awake and ready. From now on, opening the studio is just steps 2 + 4: open terminal → cd into the folder → type claude.
Make it a one-click habit

Ask Claude in your first session: "Create a Windows shortcut / .cmd file on my desktop that opens this studio in Claude Code with one double-click." It'll write it for you — Aaron's repo already uses a file called open-hq.cmd for exactly this. After that you never touch the terminal manually again.

04

Your first session — what you see & how to talk to it

The core skill

Here's the screen you'll be looking at. It's simpler than it seems — really just a conversation that scrolls upward, with a box at the bottom where you type. Below is a mock-up of a real exchange, with the parts labelled.

creative-minds-studio — claude
╭─ Creative Minds Studio ───────────────╮ │ Claude Code · ready ╰───────────────────────────────────────╯ > make a one-page site for Bloom Florist, warm & editorial, here are their colours… ● I'll build that. First, a quick plan: 1. Hero with the florist photo 2. Services + about + contact Shall I go ahead? [yes] [edit plan] > yes ● Creating bloom/index.html Allow write to bloom/index.html? [allow] [no] ● Done. Open it in your browser to see it. > /design-review
1The prompt (>). Your message box. Type plain English and press Enter.
2It plans first. For anything non-trivial Claude proposes a plan and waits for your go-ahead. Read it; correct it before it builds.
3Permission prompts. Before writing a file, deleting, or anything outward-facing, it asks. allow to proceed. This is your safety rail.
4Slash commands. Type / and a menu of studio shortcuts appears — like /design-review. More in Chapter 12.

The single biggest lever on quality is how you ask. Same engine, wildly different output. The difference is detail and context.

✗ Vague
"Make a website for my client."
Claude has to guess everything — who the client is, the vibe, the content, the colours. You'll get something generic and spend longer fixing it.
✓ Directed
"Build a one-page site for Bloom, a high-end florist. Warm, editorial, lots of white space. Fonts: Fraunces + Inter. Sections: hero, signature bouquets, about, contact. Here's their logo and 4 photos."
Claude knows the brief, the tone, the structure and the assets. First draft lands close. Refine from there.

Handy things to type

  • Plain requests — "add a testimonials section", "make the hero bigger".
  • / — opens the slash-command menu of studio shortcuts.
  • "Show me what changed" — Claude summarises its edits.
  • "Undo that" / "go back to before" — it reverts (and Git is your deeper safety net, Ch.05).
  • Esc — interrupt Claude mid-action if it's heading the wrong way.

Good directing habits

  • One job per message beats a giant wish-list — easier to steer.
  • Give examples. "Like this site / this layout / this client's brand" anchors taste fast.
  • Review the plan before saying yes — fixing the plan is cheaper than fixing the build.
  • Say when something's good. "That's perfect, remember this style" → it saves the lesson.
You can't break it by typing

Nothing you type causes harm on its own — Claude asks before any real change, and every change is reversible through Git. Experiment freely. The worst case is a draft you don't like, which you simply ask it to redo. Confidence comes from doing, not reading — so once you've skimmed Part A, just start.

05

Git for non-coders — your safety net

Commit · Push · Undo

"Git" sounds technical and you'll never need most of it. But two ideas — commit and push — are worth understanding, because together they mean you can never really lose work or make an unfixable mistake. That peace of mind is what lets you move fast.

📁
Your folder
The live files on your laptop. Claude edits these directly as you work.
📌
Commit
A saved checkpoint with a label. A point in time you can always jump back to.
☁️
Push
Uploads your commits to GitHub — the off-site backup. The cloud copy.
🌐
GitHub
Your work, safe in the cloud. Survives a lost or broken laptop.
EDIT in your folder → COMMIT to bank a checkpoint → PUSH to back it up online. You can commit fifty times and push once.

Commit = save point

A commit freezes the current state of every file with a short note ("added Bloom site"). Make them often — they're free, instant, and each one is a moment you can rewind to. Just say: "commit this with the message 'Bloom homepage v1'."

Push = back it up

Pushing sends your committed checkpoints to GitHub so they're safe off your laptop. You decide when. Say: "push to GitHub." Until you push, work only exists on your machine.

Undo = rewind

Made a mess? Because you committed, you can go back. Say: "undo my last change" or "restore the version from the last commit." Nothing is ever truly gone between checkpoints.

The only Git habit you need

Commit at every natural stopping point with a short, honest message. Finished a homepage? Commit. Fixed the colours? Commit. It costs five seconds and buys you a perfect undo history. Push at the end of a working session so the day's work is safely in the cloud. That's the entire discipline — Claude does the actual Git for you, you just say when.

Two safety rules

1. Never put secrets in files Claude commits. Passwords, API keys and client data go in a special .env file that Git is told to ignore — ask Claude to "set up a gitignored .env for my keys". 2. Look before you overwrite or delete. If Claude (or you) is about to replace a file and it's not what you expected, stop and check. When in doubt, commit first — then you can always come back.

B
How the studio thinks
Now you can drive it — here's what makes it more than a chatbot. A memory that survives between sessions, a co-work twin on the web, a self-running gallery of your work, a review board, and a deep stack of design capability. This is the part that makes it feel like a studio, not a tool.
06

The memory system — the studio's brain

Your most valuable habit

Claude starts each session blank — it doesn't remember yesterday unless you give it a memory. You already have one built in: a folder of tiny notes, each holding one fact, with an index that loads automatically at the start of every session. This is the single thing that turns Claude from a clever stranger into a colleague who knows your studio, your clients and your taste.

💬
You say it
"Remember Bloom approved the teal palette."
📝
Claude writes it
Saves a small note file + a one-line entry in the index.
🧠
Index loads
Every new session, the index is read automatically.
It just knows
Weeks later it still applies the lesson without being told again.

How it's built

Each fact is one small file with a short header (a name, a one-line description, a type). One file = one idea.

MEMORY.md is the index — one line per memory. It loads into Claude's context at the start of every session, so Claude always knows what it knows and pulls the full note when it's relevant.

Notes link to each other with [[wikilink]] syntax — exactly like a wiki. Over time it becomes a connected web of everything the studio has learned.

The four kinds of memory

  • user — who you are: your role, taste, quality bar, how you like to work.
  • feedback — guidance you've given: corrections and approvals, with the why so the lesson sticks.
  • project — live work: each client/account, its status, decisions, who's involved.
  • reference — where things live: links, dashboards, logins (never the password itself), external systems.

✓ Worth remembering

  • "Bloom's brand font is Söhne; never use the old logo in _archive."
  • "Kimberley prefers warm, editorial layouts over corporate minimal."
  • "Client Vale approved the teal palette on 14 Jun — locked."
  • A correction you've had to make twice — write it once, never repeat it.

✗ Don't bother

  • Things the files already say — Claude can just read the repo.
  • One-off facts only relevant to today's chat.
  • Anything secret in plain text — keys, passwords, client PII.
  • Long essays — one tight fact per file beats a sprawling note.
How you actually use it

You rarely open these files by hand. You just tell Claude: "Remember that Bloom signed off the brand guidelines today," or "From now on, default my decks to portrait A4." Claude writes the note and updates the index. At session start it reads the index automatically. The whole discipline is: when something's worth keeping, say so out loud.

Your memory starts nearly empty — that's correct

Because memory is tied to your studio and accounts, your clone doesn't inherit Aaron's client facts (nor should it — those are GCCP's). You'll build your own from day one, and within a couple of weeks it'll know your clients, your style and your standards. The fastest start: on day one, tell Claude who you are, who your clients are, and three things about how you like to work. That seeds the user and project memories instantly.

On Obsidian — Aaron's recommendation

Don't add Obsidian yet. Your memory folder is already a markdown wiki using [[wikilinks]] — which is Obsidian's native format. So the day you want a graph view and backlink browsing, you point Obsidian at the folder and it works instantly, zero migration. Adding it now is a second tool to learn for no benefit. The "Wikipedia of your designs" you pictured is really two things you already have: this memory system (the words) and the Studio Library dashboard (the pictures — Chapter 09).

07

Claude Code vs Claude.ai "co-work" — and how to set up your co-work twin

Two tools, one brain

You'll use Claude in two places, and it's worth being clear which is which. Claude Code (the terminal) is where you build — it touches files. Claude.ai in your browser is where you think, draft, research and chat on the go — including a "Project" you can set up to mirror your studio's knowledge so it answers like it knows your world. Same intelligence; different hands.

Claude Code
Build · Save · Ship
Use it toMake the actual website, deck, dashboard, asset; edit files; run studio commands; commit & push.
WhereTerminal, inside your studio folder, at your desk.
KnowsEvery file in the repo + the memory system, automatically.
&
Claude.ai co-work
Think · Draft · Research
Use it toBrainstorm a brief, draft copy, research a client/market, sketch ideas — anywhere, including your phone.
Whereclaude.ai in any browser, or the Claude app.
KnowsOnly what you put in its "Project" — so you give it a mirror of your studio's brain.

The rule of thumb

If the task produces or changes a file in your studio → Claude Code. If the task is thinking, writing, planning or researching and you just want a smart answer → Claude.ai co-work. A common flow: rough out the brief and copy on Claude.ai on the train, then open Claude Code at your desk and say "build the page from this brief."

Here's how to stand up a co-work Project on Claude.ai that mirrors your studio's "mythology" — its operating rules and memory — so it replies with the same context Claude Code has.

Create a Project on Claude.ai
Go to claude.aiProjectsNew Project. Name it "Creative Minds Studio". A Project is a chat workspace with its own persistent instructions and a knowledge shelf — the web equivalent of your repo's brain.
Paste your operating rules into "Custom instructions"
Your studio's rulebook lives in a file called CLAUDE.md at the root of the repo — brand colours, fonts, house standards, do's and don'ts. Open it, copy the relevant parts, and paste them into the Project's custom instructions. This is the same role CLAUDE.md plays in Claude Code: it makes every reply brand-aware. Ask Claude Code to "give me a trimmed, creative-agency version of CLAUDE.md I can paste into a Claude.ai Project" and it'll prepare it for you.
Upload your knowledge as Project files
In the Project's knowledge panel, upload the things you want it to "know": your brand guidelines, key client briefs, and — once you have it — an export of your MEMORY.md index. Now the co-work twin shares the studio's memory. Refresh it occasionally by re-uploading the latest MEMORY.md.
Connect your tools (optional)
Claude.ai can connect to your Google Drive, Gmail, calendar and more, so it can pull a brief straight from a doc or draft a client email. Connect only your own accounts. This is also where automations live — next chapter.
Keep the two in sync, simply

Treat Claude Code as the source of truth (the real files and the real memory) and the co-work Project as a read-mostly mirror for thinking on the go. When the studio's rules or memory change meaningfully, re-export and re-upload. You don't need them perfectly in step — you need the co-work twin to have enough context to be useful away from your desk.

08

Automations on Claude.ai

Set-and-forget helpers

Beyond chatting, Claude.ai can run on a schedule and reach into your connected tools — so it can do small recurring jobs without you starting them. This is the "other place for basic automations" you mentioned. Keep the principle simple: automate the repetitive thinking, not the creative building. The building stays in Claude Code where you can see and steer it.

Scheduled tasks

A recurring prompt that runs by itself — daily, weekly, whatever you set. e.g. "Every Monday 8am, summarise my client emails from the week and list anything awaiting a reply." You get the result waiting for you.

Projects as context

Run automations inside your Creative Minds Project so they inherit your brand rules and knowledge — a scheduled "draft this week's social captions" comes out on-brand because the Project already knows the voice.

Connectors

Hooked to your Google Drive / Gmail / calendar, an automation can read a brief, prep a draft, or assemble a status note — pulling from real sources, not guesses. Connect only your own accounts.

✓ Great things to automate

  • A Monday morning digest of client emails + what needs a reply.
  • Weekly draft social captions for each active client, on-brand.
  • A running "ideas / inspiration" note you add to from your phone.
  • Turning a meeting's notes into a tidy brief you later hand to Claude Code.

✗ Leave to Claude Code (you, watching)

  • Actually building or changing client files.
  • Anything that gets sent or published without your eyes on it.
  • Final design decisions — those want the Board (Ch.10).
  • Anything touching money or credentials unattended.
Start with one

Don't build an automation empire on day one. Pick the single most annoying recurring task you have and automate just that. Live with it for a week. Add the next only when the first has earned its place. Automations you forget about are worse than none.

09

Your "Wikipedia of designs" — the Studio Library

Self-building gallery

You don't need to build a design archive by hand — the studio has one. It's a gallery-first dashboard that scans every folder of work, screenshots each page / image / PDF into a thumbnail, and renders one scrollable page where each account is a collapsible section of cards. Click a card → the real file opens. It's a single static HTML page you open by double-clicking a .cmd file. No server, no upkeep.

What it gives you

  • Every design, instantly browsable by account.
  • Auto-generated thumbnails — no manual screenshots.
  • "Last touched" dates and a Latest-Work shelf, so nothing gets lost.
  • A capabilities panel listing your commands, skills and tools.

How to build it

Aaron wrote you a ready-to-paste prompt for this exact build: exports/creative-minds-dashboard-handover-prompt.md.

Open Claude Code in your repo, paste that prompt, answer its four setup questions (studio name, logo, palette, your accounts) and Claude re-skins and re-points the existing engine for Creative Minds.

The engine lives at tools/studio-dashboard/ — a 3-step build: scan → thumbs → build.

The mental model

Memory = what the studio knows (facts, decisions, lessons). Library dashboard = what the studio has made (the visual gallery). Together they're your "wiki" — one for words, one for pictures. Obsidian, if you ever add it, just gives the words a graph view.

10

The Design Board — your built-in quality gate

16 directors · 4 tiers

Every serious visual output runs through a "board of directors" — sixteen named lenses, each a famous studio or designer, each asking one sharp question. It's not bureaucracy; it's a checklist that catches the things you'd otherwise ship and regret. Trigger it by typing /design-review or saying "run it through the board." A few directors are tuned for finance (faded below) — optional for a creative agency — but the core ten apply to almost everything you'll make.

Tier 1Foundations — apply to ALL visual work
Pentagram
Brand integrity
Is the brand system coherent? Does every element reinforce the identity?
Apple
Simplicity & clarity
Can we remove 30% and improve it? Is the hierarchy instantly clear?
McKinsey
Data communication
Does every chart tell one story? Grasped in 5 seconds?
Dieter Rams
Functional minimalism
Is it honest? Anything decorative that should be functional? Less but better?
Tier 2Output-specific — activate by deliverable
Blackstone IR
Investor materials
Would this survive an LP presentation? (finance)
Squarespace
Web & digital
Is the web experience polished, responsive, production-grade?
Ilse Crawford
Interiors — human
Does the space serve the people in it? Material honesty, human scale?
Kelly Wearstler
Interiors — narrative
Does it have a point of view? Would a guest photograph it?
Foster + Partners
Architecture
Is the building photoreal? Materials & context accurate? (arch)
Staycity
Hotel & hospitality
Meets branded aparthotel standards? (hospitality)
Tier 3Medium-specific — activate by format
Edward Tufte
Charts & data viz
No chartjunk? Is the data speaking for itself?
Massimo Vignelli
Typography & grids
Is the type system disciplined? Grid consistent?
Annie Leibovitz
Photography
Are images photographic quality? Would they pass as real?
Saul Bass
Motion design
Is every animation purposeful? Does each movement communicate?
Roger Deakins
Cinematography
Are camera moves cinematic? Lighting natural?
Tier 4Final QA gate — always, before anything ships
BlackRock — Final Gate
Compliance & brand last check
A last pre-output checklist: brand correct, names/spellings right, footer present, no stray placeholder data. For Creative Minds, swap the finance checklist for your own client brand-rules check.
14+ / 16
SHIP — deploy, present, publish
12–13 / 16
REFINE — minor iterations
9–11 / 16
REWORK — significant redesign
< 9 / 16
RESTART — brief it again

Fast Lane — for quick internal work, ask for Tier 1 + the final gate only (6 directors, ship at 5/6). Use it when speed matters and stakes are low. For client-facing work, run the full board.

11

The Design Stack — 13 layers of capability

Under the hood

The studio is built in layers, from the quality gate at the bottom to finished video at the top. You don't operate these directly — they're how the commands work — but it's worth knowing they're there. teal = core, daily   blue = creative-agency essentials

0
Design Board of Directors
16 directors, 4 tiers — the mandatory quality gate + self-improvement loop.
1
Google Stitch
Mockup generation — quick visual prototypes.
2
Nano Banana 2
AI image generation (Gemini 3 Pro) — photorealistic renders. Paid — see cost rules.
3
21st.dev Magic
Reactive UI component library for web builds.
4
Anthropic frontend-design
Bold, distinctive design direction — anti-generic aesthetics.
5
UI Skills
Baseline polish, accessibility, motion performance.
6
UI/UX Pro Max
Design intelligence database — styles, palettes, font pairings.
7
Vercel web-design
Engineering best practices for web.
8
Brand Skill
Locked brand-standards enforcement — yours to define for Creative Minds.
9
Gamma
AI presentations (MCP connected).
10
Dashboard Builder
Branded interactive dashboards — incl. your Studio Library.
11
Motion Design Engine
Animations, transitions, micro-interactions (Saul Bass).
12
Video Production Pipeline
Walkthroughs, flyovers, social video (Roger Deakins).
12

Commands, departments & skills

What it can already do

These already exist in your repo. Commands are shortcuts you type (start with /) that run a whole workflow. Departments are folders the work is organised into. Skills are specialist know-how Claude loads on demand. You'll learn them by using them — these are the day-one ones.

Commands — type these to Claude

/new-project drop a brief/image, auto-detects type /new-dashboard branded interactive dashboard /new-website site for an account /new-presentation deck via Gamma /new-animation motion from static assets /new-video video pipeline /generate-asset image / icon / logo / slide /diagram charts & data viz, zero cost /design-review run the board /baseline-ui anti-slop polish /fixing-accessibility accessibility pass /prompt-for-platform tailored prompt for a paid sub /whats-next end-of-session handoff

Departments — folders the work lives in

Corporate / brandPortals & dashboardsWebsites PresentationsInteriorsResidential Internal comms / social — rename these to match your client work

Skills — specialist know-how, loaded on demand

frontend-designui-ux-pro-maxbanner-design brandslidesdesign-system baseline-uihumanizerdeep-research brainstormingwriting-plans
You don't memorise these

Type / and the command menu appears. Forget what something does? Ask: "what does /new-dashboard do?" The system is built to be spoken to in plain English — the commands are just faster shortcuts for things you could also ask for in a sentence.

C
Working well
The habits that separate "it works" from "it looks expensive and costs almost nothing to run." Money discipline, the house rules Aaron learned the hard way, a plain-English glossary, what to do when you're stuck, and a concrete first-week plan.
13

Cost discipline & routing

Keep spend near zero

Most of what the studio makes costs nothing — it's HTML, CSS and design work the model does directly. The only thing that costs money is generating photoreal images through a paid API. The whole discipline is: never pay for an image you can make for free, and when you do need a real photo, use a subscription you already pay for rather than a per-image API. Two rules cover it.

① Diagrams & anything with text → always Claude, free

Charts, tables, org charts, price lists, comparison grids, anything where exact words or numbers matter — build it in HTML/CSS/SVG with /diagram. Image generators garble text and numbers. This is free and looks sharper anyway.

② Real photos → prepaid subscriptions first

Before firing any paid image API, reach for the subscriptions you already pay for. Use /prompt-for-platform to get a tailored prompt, paste it into the right sub, drop the result back into the studio. Only use a paid in-studio API when nothing else fits — and quote the cost first.

Aaron's routing matrix — which tool wins which job (adapt the platform names to your own subscriptions):

The jobFirst choiceSecond
Diagrams / charts / data viz / price listsClaude (HTML/SVG) — free
Photoreal hero / exterior, brief must be exactChatGPT (paid plan)Perplexity / NBP
Mood / interior / material-driven imageryGrok AuroraChatGPT
Lifestyle / people / social photographyGrok AuroraPerplexity / NBP
Logo / brand-mark presentation sheetClaude (HTML/SVG) — free
Short branded videoGrok Imagine / Veo
The standing rule

Always quote cost before any paid task — free option vs paid, per-image and total — and offer the free alternative first. A studio that runs on subscriptions you already have, plus free HTML, is a studio with almost no marginal cost. That's the whole game.

14

House rules — the best bits, distilled

Hard-won

These are practices that took Aaron a long time to learn. Adopt them now and skip the painful version.

① Money

  • Diagram lane → always Claude, never image-gen.
  • Prepaid-first for photos — use your subscriptions before any paid API.
  • Quote cost before any paid task, free alternative included.

② Brand — discipline beats inspiration

  • Lock your tokens once — palette, fonts, logo rules — enforce everywhere.
  • One font family per project. Mixing fonts is the fastest way to look amateur.
  • Use the real logo file — never let AI recreate a wordmark; it'll be plausibly wrong.
  • Reuse the canonical file. Nailed a layout? Swap content into it — don't restyle from scratch.

③ Sessions — keep Claude sharp

  • End with /whats-next — it writes a handoff so the next session resumes exactly where you stopped.
  • Don't switch models mid-session — it resets the working memory of the chat.
  • Don't leave a session idle for hours — hand off and start fresh.
  • Long chat getting sluggish? Hand off. Fresh context beats bloated context.

④ Safety — git & secrets

  • Commit often, push deliberately. Commits are free undo points.
  • Never commit secrets — keys, passwords, client data. Use a gitignored .env.
  • Look before you delete or overwrite. If a file isn't what you expected, stop.
  • Confirm before anything goes public — a deploy or external send can't always be undone.

⑤ Quality — the standard, in one line

Before you ship, ask the house question: "Would this make a client say that looks expensive?" If unsure, run /design-review and let the board tell you. Aim to ship at 14/16 or better.

15

Glossary — plain English

Every word you'll meet

When a word trips you up, it's almost certainly here. None of these require any technical knowledge to use — they're just labels for things you already understand.

Terminal / PowerShell
The dark text window where you type to Claude Code. You only ever type English into it.
Repo (repository)
Your studio folder — all its files, plus their saved history. Your repo = your studio.
Claude Code
Claude with hands — it reads, writes and saves files in your repo, and runs commands.
Claude.ai / co-work
Claude in a browser — for thinking, drafting and research. Doesn't touch your files.
Commit
A saved checkpoint of your files with a short label. A point you can rewind to.
Push
Uploading your commits to GitHub — the off-site backup in the cloud.
GitHub
The website that stores the cloud copy and full history of your repo. Your safety vault.
Memory / MEMORY.md
The studio's notes that survive between sessions, with an index that loads automatically.
CLAUDE.md
Your studio's rulebook — brand, fonts, standards. Claude reads it every session.
Slash command
A shortcut you type starting with / that runs a whole workflow, e.g. /new-website.
Skill
A pack of specialist know-how Claude loads when a task needs it — e.g. banner-design.
MCP / connector
A bridge that lets Claude reach an outside tool (Google Drive, Gamma, your apps).
Deploy
Publishing a finished website to the internet so others can visit it at a link.
.env file
A private file holding your keys/passwords that Git is told to ignore — never uploaded.
The Board
The 16-director quality review you trigger with /design-review before shipping.
Token allocation
Roughly, how much work your Claude plan includes per period. Use it; don't waste it.
16

When you're stuck

Read this when something's off

Everyone hits these in week one. Here's the fix for each — and the meta-answer: when in doubt, just ask Claude in plain English. "I'm confused about X, explain it simply" works for almost everything.

Claude did something I didn't want.
Say "undo that" or "go back to the last commit." Because you commit often, there's always a clean point to return to. Then re-ask, more specifically. Press Esc to interrupt it mid-action.
It keeps asking permission for everything.
That's the safety rail — it asks before writing, deleting, or anything outward-facing. Just read what it's asking and type allow if it's what you wanted. You can tell it to stop asking for a specific safe action if it gets repetitive.
The output looks generic / "AI-ish".
Give it more direction: a reference you like, a tighter brief, specific fonts and mood. Then run /design-review and /baseline-ui. Generic almost always means under-briefed — see the good/bad prompts in Chapter 04.
It forgot something from last time.
It only remembers what's in the memory system. Tell it the fact and say "remember this" so it's there next time. If you said it before but it didn't stick, it probably wasn't saved as a memory — say it explicitly now.
The chat feels slow or muddled.
The session's context is full. Type /whats-next to write a handoff, close it, and start fresh. The new session picks up from the handoff with a clear head.
A command or install line errored.
Copy the error and paste it to Claude — "I got this error, what do I do?" It reads errors well. For install specifically, the current steps live at claude.com/claude-code, and Aaron is a message away.
I'm about to do something and I'm nervous.
Commit first. A commit before any big or scary action means you can always come back. Then proceed. There is almost nothing you can do that a commit doesn't protect you from.
17

Your first week — a concrete checklist

Do these in order
Open the studio. Terminal → cd into your folder → type claude (Ch.03). Ask it to make you a one-click desktop shortcut so you never do this by hand again.
Prove the loop. Ask: "show me git status and confirm this is connected to GitHub." Make one tiny edit, commit it, push it. You've now seen the whole save-and-backup cycle once.
Introduce yourself to the memory. "Remember I'm Kimberley, I run Creative Minds, I prefer warm editorial design, my clients are [list]." Watch it write your user and project memories.
Lock your brand tokens. Give Claude your palette, fonts and logo; ask it to save them as a memory and a brand check, and to draft your Creative Minds CLAUDE.md. Everything downstream gets easier.
Stand up your co-work twin. On claude.ai, create the "Creative Minds Studio" Project; paste in your trimmed CLAUDE.md; upload your brand guide (Ch.07). Now you can think on-brand from your phone.
Build your Studio Library. Paste exports/creative-minds-dashboard-handover-prompt.md into Claude Code and answer its four questions. You'll have a browsable gallery of all your accounts.
Make one real thing. Pick a live client and run /new-project or /new-website. Take it through /design-review. Ship it at 14/16+.
Set one automation. On claude.ai, schedule the single most repetitive task you have (Ch.08). Just one.
Close the loop. End with /whats-next. Next time you open Claude, it picks up exactly where you left off — and that's the whole system working.
One last thing

You don't need to memorise any of this. Keep this bible open, and when in doubt, just ask Claude — "how does memory work again?", "run this through the board", "what can the studio do?" It's designed to be spoken to in plain English. You've got a studio that already knows how to do excellent work; all that's left is for you to start directing it. Welcome.