AI Builder Playbook Melbourne

Teaches prompt clarity skills that make Phase 1 planning effective. Watch before starting any new project.

Lesson: Getting better results (lesson 3)

Task	Detail	Who	Principle
Project name — lowercase-hyphenated	study-visa-hub. No spaces. Before opening any tool.	You	Max Efficiency
One-sentence purpose	[Tool] that helps [who] to [outcome]. Write on paper first.	You	Max Efficiency
MVP features — max 5	Number them. Nothing outside this list ships in v1.	You	Max Efficiency
Explicit out-of-scope list	"v1 will NOT include…" — equally important as the in-scope list	You	Max Efficiency
Define done precisely	A URL loads / form submits / data appears. Not vague.	You	Max Efficiency
Full tech stack decided	Frontend, backend, DB, hosting, domain — all four before coding	You	Max Efficiency
Identify biggest unknown	The one thing you don't know how to build. Name it now.	You	Self-Learn

Claude 101 — Desktop app: Chat, Cowork, Code

▶ Watch

Explains the three tool modes and when each is appropriate. Critical for knowing which tool to reach for.

Lesson 4

Skill	Why needed	Who	Principle
Read a console error (F12)	Without this you can't debug. Google the exact error text.	You	Self-Learn
Edit file in GitHub web UI + commit	pencil → edit → commit. Must do before first project.	You	Max Efficiency
Understand API keys + why to hide them	It is a password for a paid API. Exposed = charges on your account.	You	Security
Run claude init in Antigravity	cd project-folder → claude init → /status confirms CLAUDE.md loaded	You	Self-Execute
Use /memory and /compact	/memory add [fact] · /compact when context grows long	You	Max Memory
Branch vs commit	Branch = alternate timeline. Commit = save snapshot on timeline.	You	Self-Learn

Claude Code in Action — Setup + Project setup + Adding context

Shows the exact workflow for project folder setup and running claude init for the first time.

Task	Detail	Who	Principle
Create repo: lowercase-hyphenated	github.com → New repository. Exact match to project name.	You	Security
.gitignore BEFORE any credentials	Tick during repo creation. Choose Node or None for HTML-only.	You	Security
Enable GitHub Pages	Settings → Pages → branch: main → /root → Save	You	Max Efficiency
Create folder structure	/assets /components /pages /api /docs — add .gitkeep to each	You	Max Efficiency
Note live URL + clone URL	username.github.io/repo-name — test it loads	You	Max Efficiency

# Folder structure template your-project/ ├── index.html # entry point ├── README.md # public overview ├── CLAUDE.md # AI instruction file — auto-loaded ├── CHANGELOG.md # version history ├── .env.example # env template (safe to commit) ├── .gitignore # must include .env ├── /assets/css /js /images ├── /components /pages /api └── /docs ├── memory.md # cross-project learnings ├── prompts.md # reusable prompts └── decisions.md # why you made key decisions

Introduction to Agent Skills — What are skills? + Creating your first skill

Skills (SKILL.md) are the evolved form of CLAUDE.md — reusable instructions that trigger automatically. Watch before building your first skill.

File	Purpose	Key Contents	Who	When
`CLAUDE.md`	AI instruction file	Stack, rules, status, session history	Both	Every session
`CHANGELOG.md`	Version history	Date, what changed, broke, fixed	Both	After every session
`.env`	Secrets — local only	Real API keys. NEVER commit.	You	Adding credentials
`.env.example`	Env template — public	Placeholder values only. Safe to commit.	You	Adding new env var
`docs/memory.md`	Cross-project learnings	Patterns, gotchas, reusable solutions	Both	After solving new problem
`docs/prompts.md`	Project prompt library	Reusable prompts tuned for this project	Both	When prompt worth saving

# CLAUDE.md template — fill every section # Project: [NAME] # Last updated: [DATE] # Status: [ACTIVE / PAUSED / BROKEN / COMPLETE] ## Purpose [One sentence: what this does and who for] ## Tech Stack - Frontend: [HTML/CSS/JS or React] - Backend: [Supabase / None] - Hosting: [GitHub Pages / Vercel] - APIs: [list each API] ## Coding Rules - Complete files only — no snippets - Explain every change in plain English (I am non-developer) - Flag before touching anything outside task scope ## Do Not Touch - [list files/sections] ## Current Status - Works: [list] - Broken: [list] - Next: [priority ordered list] ## Session History - [DATE]: [what was done, outcome]

Claude Code in Action — Adding + Controlling context + Custom commands

Context management is the core skill of Claude Code. This teaches the exact session workflow this phase is built on.

Important

One session = one task. If you think of a second thing mid-session — open a new chat. Context dilution is real: more scope = worse output across everything.

Task	Detail	Who	Principle
Line 1: project name + purpose	Never assume Claude remembers. Always restate. Every single chat.	You	Low Token
ONE task this session	Not "build everything". One feature, one fix, one file.	You	Max Efficiency
Paste complete relevant file	Claude works on what you paste — not what it imagines.	You	Low Token
Paste exact error text if debugging	The exact error string — not your description of it	You	Code Recheck
Specify output format	Complete file / function only / explanation / step-by-step	You	Low Token
After output: ask Claude to explain why	"Explain what you changed in 3 bullets and why each was needed"	You	Teach Human
Run end-of-session memory capture	Use the memory capture prompt — see Memory tab	Both	Max Memory

Claude Code in Action — GitHub integration

▶ Watch 📄 Git Docs

Covers full GitHub integration with Claude Code — automated commits, PR creation, and connecting Claude Code to your repo.

Never

git reset --hard destroys uncommitted changes permanently. Always use git revert instead — it creates a new commit that undoes the change, keeping history intact.

Task	Detail	Who	Principle
Commit before ANY change	Label: "snapshot before [change]". This is your restore point.	You	Security
Test in browser before committing	F12 → Console → zero red errors. Mobile too.	You	Code Recheck
Run Tester sub-agent before commit	Paste into QA chat. Action every CRITICAL finding.	Claude	Code Recheck
Commit message: [verb] [what] — [result]	"add contact form — tested working" not "update"	You	Max Memory
Update CHANGELOG.md	Claude can write this from your description	Both	Max Memory
Use branches for experiments	git checkout -b experiment/feature — never break main	You	Security

Claude Code in Action — MCP servers (browser testing)

▶ Watch 📄 MCP Docs

Browser MCP lets Claude open your live URL and test it — automated version of this manual pre-deploy checklist.

Task	Detail	Who	Principle
Zero console errors	F12 → Console → every red error fixed before commit	You	Code Recheck
No API keys in committed files	Search for: sk-, key=, secret, password, token	You	Security
Env vars set on hosting platform	Vercel/Cloudflare dashboard — not in code	You	Security
Tester + Security reviewer run	Action every CRITICAL finding before deploying	Claude	Code Recheck
Mobile tested (<768px)	DevTools → device toolbar → iPhone width	You	Code Recheck
Live URL tested after deploy	Pages: wait 2min. Vercel: ~30sec. Actually click through.	You	Code Recheck

Memory System

Claude has no memory between chats by default. This is your architecture for continuity. All four layers are required.

Layer	What it is	Lives in	Lifetime	Who
Short-term	Current chat context — everything said so far	Conversation window	Until chat ends	Auto
Long-term	CLAUDE.md — project rules, stack, status	Repo root	Permanent until edited	Both
System	/memory — Claude Code persistent store	Claude Code internal	Persists across sessions	Both
Cross-project	memory.md — learnings across all projects	docs/memory.md in repo	Permanent, grows over time	Both

Session Transfer — How to Move to a New Chat

This is the most important memory skill. When a session gets long or you need to start fresh, this is how you transfer everything — context, decisions, status, next steps — without losing anything.

◈

The Session Transfer Protocol

End of current session — run the capture prompt

Before closing the chat, run the "End-of-session capture" prompt (see Prompts tab). Claude will produce a structured summary you can paste into the next chat.

Copy the full structured output

Claude will give you: current state, what was decided, what was built, what broke, what's next, and /memory commands to run. Copy all of it.

In Antigravity — run /memory commands

Paste and run each /memory add command Claude gave you. This saves the session facts to Claude Code's persistent memory.

Update CLAUDE.md — Status + Session History

Paste Claude's CLAUDE.md update suggestions. Commit the file. This is your long-term memory layer.

Open new chat — use the handoff prompt

Paste the full structured handoff at the top of the new chat. Claude reads it and continues exactly where you left off.

◈End-of-session capture — run before closing every chatMemory

Before we close this session, produce a structured handoff document: ## SESSION HANDOFF — [DATE] ### Project State - Project: [name + one-sentence purpose] - Stack: [current tech stack] - Live URL: [if deployed] - Repo: [GitHub URL] ### What We Completed This Session [List each thing built, fixed, or decided — numbered] ### What We Decided (with reasons) [List key architectural or design decisions made and WHY] ### Current Working State - Works: [list what currently functions correctly] - Broken: [list what is currently broken with suspected cause] - Untested: [list what was built but not yet verified] ### Next Session — Priority Order 1. [highest priority task] 2. [second task] 3. [third task] ### /memory Commands to Run Now [List each: /memory add [specific reusable fact]] ### CLAUDE.md Updates Needed [Exact text to paste into Status and Session History sections] ### memory.md Additions [Bullet points under correct headings, max 15 words each] ### Warnings for Next Session [Any gotchas, fragile code, things to be careful of] Keep every section. Leave nothing blank. This document will be pasted into the next chat as the opening message.

↻New chat handoff opener — paste at top of every new sessionMemory

I am continuing work on a project. Here is my full session handoff: [PASTE THE ENTIRE HANDOFF DOCUMENT FROM THE PREVIOUS SESSION] Rules for this session: - You have full context from the handoff above — do not re-ask what I already told you - Complete files only — no snippets - Explain every change in plain English (I am a non-developer) - Flag before touching anything outside the task scope - One task at a time unless I explicitly ask for more Today's task: [ONE specific task from the priority list above] Current file to work on: [PASTE FULL FILE CONTENT]

Memory Layer How-To

◈ SHORT-TERM · Trigger: mid-session discovery

How

Nothing — stay in the same chat. Claude holds everything in the active window automatically.

Who

Auto — no action needed

Limit

~200K tokens. When context gets long, run /compact — Claude summarises and frees space.

◈ LONG-TERM / CLAUDE.md · Trigger: project status, rules, or stack changed

How

Edit CLAUDE.md manually OR tell Claude: "Update the Status and Session History sections of CLAUDE.md to reflect what we just completed."

Who

You trigger. Claude writes. You review before committing.

Prompt

Update CLAUDE.md: status=[what works], next=[priorities], session=[DATE]: [summary]

◈ SYSTEM / /memory · Trigger: learned something that applies to ALL future projects

How

Type in Antigravity: /memory add [fact]. Immediate and persists across all sessions.

Who

You — type the command. Also in chat: "Add to memory: [fact]"

Examples

/memory add Supabase RLS must be enabled or all reads return empty

/memory add Always commit before making any changes to working code

◈ CROSS-PROJECT / memory.md · Trigger: end of every productive session

How

Ask Claude to draft additions. You paste into docs/memory.md and commit.

Who

Claude drafts. You paste and commit. Both responsible.

Prompt

Summarise what we learned today for memory.md as bullets under the correct heading. Max 15 words each. Only reusable cross-project knowledge.

Prompt Library

Copy-paste ready. Add your own to docs/prompts.md in each project.

⬡Standard session openerSession

Project: [NAME] Purpose: [one sentence] Stack: [e.g. HTML/CSS/JS + Supabase + Vercel] Current state: [working / broken at X / starting fresh] My level: Non-developer. I build with Claude Code + Antigravity. This session task: [ONE specific task only] Output required: - Complete updated file (not a snippet) - Exact file name and where to place the code - Do not change anything outside this task scope - Flag anything that could break existing functionality - After the code: explain in plain English what changed and why Current file: [PASTE ENTIRE FILE CONTENT HERE]

◈End-of-session memory captureMemory

Before we close this session, produce a structured handoff: ## SESSION HANDOFF — [DATE] ### Project State - Project: [name + purpose] - Stack: [current stack] ### What We Completed [numbered list] ### Decisions Made (with reasons) [key decisions + why] ### Current State - Works: [list] - Broken: [list with suspected cause] ### Next Session Priority Order 1. [highest priority] 2. [second] ### /memory Commands to Run [each: /memory add [fact]] ### CLAUDE.md Updates Needed [exact text for Status + Session History] ### memory.md Additions [bullets under correct headings, max 15 words each] ### Warnings for Next Session [gotchas, fragile code, things to be careful of]

↻New chat handoff openerMemory

Continuing work. Full session handoff: [PASTE ENTIRE HANDOFF DOCUMENT] Rules: Complete files only. Plain English explanations. One task. Flag before touching anything outside scope. Today's task: [task from priority list] Current file: [PASTE FULL FILE]

⬡Add a feature without breaking existing codeBuild

Add [feature] to this file. Give me the complete updated file. Do not remove or change anything not related to this task. Flag anything that could break existing functionality. After the code: explain in plain English what changed and why. Current file: [PASTE ENTIRE FILE]

⬡Build from scratch — new componentBuild

Build a [component/page/feature] with these requirements: - [requirement 1] - [requirement 2] - [requirement 3] Stack: [HTML/CSS/JS / React / etc] Output: Complete file, ready to use. No placeholders. After the code: explain the key parts in plain English.

⬡Architecture review before buildingBuild

I am planning: [describe what you want to build] My planned approach: [how you think you'd build it] Stack I'm considering: [list] Review this plan. Flag: - Anything that will cause problems - Simpler alternatives if my approach is overcomplicated - Security considerations I'm missing - The one most important thing to get right first I am a non-developer building with AI tools. Be direct.

⬡Fix a bugDebug

This code has a bug. Error: [PASTE EXACT ERROR TEXT FROM CONSOLE] Expected: [what should happen] Actual: [what is happening] Tell me: exact line to change + what to change it to. Then explain why that line caused the error — I want to understand it. File: [PASTE FULL FILE]

⬡Explain this codeDebug

Explain what this code does in plain English. I am a non-developer. 1. What does each major section do? (one sentence each) 2. What would break if I changed [specific part]? 3. Is there anything in here that looks risky or fragile? 4. What is the most important concept to understand here? Code: [PASTE CODE]

⬡Why is this not working (general)Debug

This is not working as expected. What I did: [describe steps] What I expected: [expected outcome] What happened: [actual outcome] Console errors (if any): [paste exact text or "none"] Diagnose the most likely causes in order of probability. For each: tell me how to confirm it is the cause, then how to fix it. Relevant files: [PASTE FILES]

⬡Tester sub-agent — run before every commitReview

You are a senior QA engineer. I am about to commit this code. Find bugs, edge cases, and things that will break in production. Exact line number + what fails + why. Do not be encouraging. Also check: - console.log statements left in (remove before deploy) - hardcoded values that should be in .env - functions that fail on empty or null inputs - breaks at screen width under 768px - any API calls without error handling Report: CRITICAL (must fix) / WARNING (should fix) / NOTE (optional) Code: [PASTE ALL CHANGED FILES]

⬡Security reviewer — before every deployReview

You are a senior security engineer. Review for vulnerabilities. Flag if present: - API keys, tokens, or secrets visible in frontend - Unvalidated or unsanitised user inputs - Data accessible without auth that requires it - CORS misconfigurations - XSS attack vectors - Sensitive data logged to console Severity: Critical / High / Medium. Line number. How to fix. Code: [PASTE CODE]

⬡Final pre-deploy review — all changed filesDeploy

I am deploying to production. Complete review of all changed files. SECURITY: API keys in frontend / unvalidated inputs / auth gaps CODE QUALITY: console.log remaining / hardcoded .env values / null input failures MOBILE: breaks at <768px / images without dimensions PERFORMANCE: obvious slow operations / redundant API calls Report: CRITICAL (block deploy) / WARNING (fix soon) / NOTE (optional) Files: [PASTE ALL CHANGED FILES]

⬡Teach me what I just builtLearn

I just built [feature]. Teach me: 1. What does each major section do? (1 sentence, plain English) 2. What would break if I changed [specific part]? Why? 3. What is the one concept I most need to understand here? 4. What would a senior developer do differently, and why? 5. What should I add to memory.md from this? Code: [PASTE]

⬡Explain a concept I don't understandLearn

Explain [concept] to me simply. I am a non-developer. 1. One real-world analogy (not software) 2. One practical example from web development 3. What is the one thing I need to be able to DO with this? 4. What breaks if I get this wrong? 5. Should I add anything about this to memory.md?

⬡Architect sub-agent — review a design decisionLearn

You are a senior software architect. Review this decision. Decision: [describe what you are planning to build or how] Tell me: 1. What is wrong or risky about this approach? 2. What would you do differently and why? 3. What are the 3 most important things to get right? 4. What will cause the most pain at scale? I am a non-developer. Explain trade-offs simply.

⬡Docs writer sub-agent — generate CHANGELOG entrySub-agents

Write a CHANGELOG.md entry for these changes. Format: ## [version] - [date] / ### Added / ### Fixed / ### Changed / ### Known Issues Keep each bullet under 15 words. Plain English. Changes made this session: [describe or paste diff]

⬡Refactor — improve without breakingBuild

Refactor this code to be cleaner and more maintainable. Rules: - Do NOT change any functionality — same inputs, same outputs - Explain every change you make and why it improves the code - Flag anything you are unsure about before changing it - Give me the complete refactored file Code: [PASTE]

⬡Generate .env.example from codeDeploy

Scan this code and identify every environment variable being used. Generate a .env.example file with: - Every variable name found - A clear comment explaining what each one is for - Placeholder values (never real values) - Group related variables together Code: [PASTE ALL PROJECT FILES]

⬡Scope check — is my task too big for one session?Session

I want to do this in one session: [describe full task] Is this too much for one session? If yes: break it into the minimum number of focused sessions. For each session: state the single task, estimated complexity, and what the output will be. Order them by dependency — what must be done first.

Skills & Tools

Everything you need to know about, how to get it, and when to use it. Must = need for almost every project. Should = most projects. Nice = specific use cases.

Core Stack

MCP Tools

Design Skills

Data & APIs

AI Tools

Skills Matrix

🤖

Claude Code / Antigravity

AI Coding Agent · Must

Reads your files, writes code, runs terminal commands. Your primary build tool. Use for all code generation, refactoring, and debugging.

📄 Docs ▶ Course

🐙

GitHub

Version Control · Must

Source of truth for all code. Commit every change. Enable Pages for free hosting. Use branches for experiments. Web UI is enough to start.

▲

Vercel

Hosting & Deploy · Must

Free hosting with auto-deploy on git push. Supports serverless functions. Better than GitHub Pages when you need dynamic features or env vars.

⚡

Supabase

Backend + DB + Auth · Must

Open source Firebase alternative. Postgres database, authentication, storage, and auto-generated REST API. Free tier is generous. Key gotcha: always enable Row Level Security.

☁

Cloudflare

DNS, CDN, Workers · Must

Free DNS + CDN for custom domains. Workers for serverless API proxy (hide API keys from frontend). Pages as alternative to Vercel.

🐝

Cowork

Desktop Automation · Must

Claude working directly with your local files, folders, apps. File tasks, research, Excel/PowerPoint, scheduled automation. Your non-code workflow engine.

▶ Course

📊

Google Sheets + Apps Script

Data + Automation · Should

Free database for non-critical data. Apps Script = serverless JS automation (you've already used this). Great for dashboards, tracking, email triggers.

⚙

n8n

Workflow Automation · Should

No-code workflow automation. Connect apps, trigger actions, run on schedule. Self-host free or cloud paid. Better than Zapier for complex flows. Essential for agentic pipelines.

MCP (Model Context Protocol) tools extend what Claude Code can do. Install them via claude mcp add [name]. Each gives Claude a new capability.

# Install MCP tools in Antigravity claude mcp add github # read/write repos, create PRs, manage issues claude mcp add supabase # query DB, manage tables, check RLS from Claude claude mcp add memory # persistent memory outside conversation window claude mcp add puppeteer # browser automation — Claude opens URLs, clicks, tests claude mcp add filesystem # read/write local files (built-in to Claude Code)

🔥

Firecrawl MCP

Web Scraping · Should

Let Claude scrape any website and extract structured data. Use for competitor research, building directories, monitoring pages, data collection without APIs.

📄 GitHub Site

🌐

Browser Use MCP

Browser Automation · Should

Claude controls a real browser — navigates, clicks, fills forms, takes screenshots. Use for testing your live site, automating data entry, monitoring changes.

🐙

GitHub MCP

Repo Control · Must

Claude reads/writes your repo directly. Creates PRs, reads issues, commits files, checks action logs — without you copy-pasting code between tools.

🗄

Supabase MCP

DB Control · Must

Query tables, inspect RLS policies, check auth users — all from Claude Code without going to the Supabase dashboard. Massive time saver for debugging data issues.

📧

Gmail MCP

Email Automation · Nice

Claude reads, drafts, and sends emails from your Gmail. Use for automated outreach, newsletter management, notification pipelines.

📅

Google Calendar MCP

Calendar · Nice

Claude reads and creates calendar events. Schedule automations, set reminders, manage bookings in agentic workflows.

🔍

Exa Search MCP

Semantic Web Search · Should

AI-powered web search better than Google for developer queries. Use in agentic workflows where Claude needs to research topics during a task.

📄 Docs Site

🗂

Airtable MCP

Database / CRM · Nice

Claude reads and writes Airtable bases. Use as a no-code database for content management, lead tracking, directory data without Supabase complexity.

How to find more MCPs

Browse the full MCP server registry at github.com/modelcontextprotocol/servers and mcp.so

Design skills are the set of prompts, references, and rules you give Claude to produce consistently good-looking output. You don't need to be a designer — you need the right instructions.

🎨

Frontend Design Skill

SKILL.md · Must for any UI

A SKILL.md file that instructs Claude on typography, colour systems, layout principles, and how to avoid generic AI aesthetics. Auto-triggers on any UI task.

📄 Skills Docs

🅰

Google Fonts

Typography · Must

Free, high-quality web fonts. Always specify a font stack in your CLAUDE.md so every component uses the same typeface. Avoid Inter and Roboto — overused.

Browse Fonts

🎨

Tailwind CSS

Utility CSS · Should

Utility-first CSS framework. Claude knows it extremely well — specify "use Tailwind" and output is consistently styled. Use CDN version for quick builds.

📄 Docs CDN

📐

shadcn/ui

UI Components · Should

Copy-paste React components. Beautiful defaults. Claude generates complete shadcn components on request. Good for dashboards, forms, data tables.

📄 Components

📸

Unsplash + Pexels

Free Images · Should

Free high-quality images for any project. Both have APIs for programmatic access. Tell Claude to use Unsplash API URLs in any UI it builds for you.

Unsplash API Pexels API

✏

Lucide Icons

Icon Library · Must

Clean, consistent SVG icons. Available as React components or vanilla SVG. Claude knows the full icon set — just say "use Lucide icons" in your prompt.

📄 Browse Icons

Design Prompts

⬡Build a page with design system constraintsDesign

Build a [page/component] that matches this design system: - Font: [font name from Google Fonts] - Primary colour: [hex] - Background: [dark/light, hex] - Style: [minimal/editorial/dashboard/bold/soft] - Framework: [Tailwind / vanilla CSS / shadcn] - Icons: Lucide Avoid: generic AI aesthetics, Inter font, purple gradient backgrounds. Make it look like it was professionally designed, not AI-generated. Content needed: [describe the content/sections]

📡

REST APIs (general)

Data · Must understand

All external services talk via REST API. Learn: what a GET/POST request is, how to pass headers, what JSON is. Claude will write the fetch() calls — you need to understand the shape of the data.

📄 MDN Fetch

📊

Chart.js

Data Viz · Must for dashboards

Simple, well-documented charting library. Claude generates Chart.js code reliably. Use for any data dashboard — line, bar, pie, doughnut, mixed.

🔢

D3.js

Advanced Viz · Nice

Powerful data visualisation library. Steep learning curve but Claude can generate complex D3 charts. Use when Chart.js isn't flexible enough.

📰

Resend

Email Sending · Should

Best developer email API. Send transactional emails (welcome, password reset, notifications). Free tier: 3,000 emails/month. Simple API Claude knows well.

💳

Stripe

Payments · Should

Industry standard for payments. Claude knows the Stripe API well. Use for subscriptions, one-time payments, checkout flows. Test mode lets you build without real money.

🔎

Algolia

Search · Nice

Instant search-as-you-type. Free tier for small projects. Use for directory sites, knowledge bases, e-commerce product search.

📬

Beehiiv API

Newsletter · Nice

Newsletter platform with a developer API. Programmatically add subscribers, send posts, track stats. Best choice for newsletter-as-a-product builds.

🗺

Google Maps API

Location · Nice

Maps, geocoding, places search. Use for directory sites with location data, delivery zone tools, local business listings.

🧠

Anthropic API

AI Core · Must (future)

Build AI features directly into your apps. Claude writes the API calls. Essential for: chatbots, content generation, classification, summarisation. Learn after you can read JS.

📄 Docs ▶ Course

🖼

Replicate

AI Image / Video · Nice

Run AI image and video models via API. Use for: product image generation, avatar creation, image transformation in apps. Pay per prediction.

🔊

ElevenLabs

Voice / Audio · Nice

Text-to-speech API for natural-sounding voice. Use for: podcast-style content, accessibility features, audio newsletters, voice assistants.

⚙

n8n AI Agents

Agentic Automation · Should

n8n has built-in AI agent nodes. Connect Claude to any tool (email, Sheets, Slack, CRM) in an automated workflow without code. The non-developer's agentic stack.

🔗

LangChain / LlamaIndex

RAG / AI Pipelines · Nice (later)

Frameworks for building AI pipelines: RAG (search your own documents), multi-step chains, vector databases. Learn after you can read Python/JS.

📄 LangChain 📄 LlamaIndex

🗃

Pinecone / pgvector

Vector DB · Nice (later)

Store embeddings for semantic search. Use when you need "search by meaning not keyword" — knowledge bases, recommendation systems, document Q&A. pgvector works inside Supabase.

📄 Pinecone 📄 pgvector

Use this to audit your gaps before starting a new project. Must = you need this to ship anything. Should = most projects need it. Nice = specific use cases only.

Skill	Level	How to learn	Why you need it
Read a JS console error	Must	F12 → Console → Google the exact red text	Cannot debug without this. Everything else depends on it.
Edit a file in GitHub web UI	Must	Repo → file → pencil → edit → commit	Your fallback when Antigravity isn't available
What an API key is + .env pattern	Must	See Security tab in Principles section	Every project uses at least one API. Must not expose it.
git commit + git push (CLI)	Must	Claude Code in Action course, Phase 6	Web UI is fine but CLI is faster and more reliable
claude init + /status + /memory	Must	Claude Code in Action course	Foundation of every Claude Code session
JSON — what it looks like, how to read it	Must	Ask Claude: "Explain JSON with 3 examples"	All APIs return JSON. You must understand the shape of data.
HTML/CSS basics — div, class, id, flexbox	Should	freeCodeCamp Responsive Web Design (free)	Lets you read and modify Claude's frontend output
Async/await — what it means	Should	Ask Claude: "Explain async/await with an analogy"	All API calls are async. You'll see this in every JS file.
Supabase RLS — what it does	Should	Supabase docs + /memory add the gotcha	Skipping RLS = your database is publicly readable
Git branch + merge + conflict resolve	Should	Claude Code in Action + practice	Needed the moment you and your son work on the same repo
Vercel env vars + deployment config	Should	Vercel docs · 10 min read	Your .env values need to live somewhere in production
MCP tool installation	Should	Intro to MCP course	MCPs multiply Claude's capabilities — learn after basics
Prompt engineering patterns	Should	Anthropic prompting docs at docs.claude.com	Better prompts = better output = fewer iterations
React fundamentals	Nice	React.dev official tutorial	Needed for complex UIs with lots of state
Python basics	Nice	freeCodeCamp Python · 6 hrs	Many AI/data tools use Python. Claude writes it — you need to read it.

Project Types

Tool stacks, required skills, and starter prompts for the most common startup project types.

📊

Data Dashboard

Internal tools, analytics, tracking, reporting

Core Stack

HTML/CSS/JSChart.jsSupabaseVercelReact (if complex)Google Sheets API

Key Skills Needed

JSON parsingREST API fetchSupabase queriesAsync/awaitChart.js config

⬡Data dashboard starter prompt

Build a data dashboard with these specs: Data source: [Supabase table / Google Sheets / static JSON / API endpoint] Metrics to show: [list each metric] Chart types: [line / bar / doughnut / mixed] Refresh: [real-time / on load / manual] Auth required: [yes - Supabase / no - public] Stack: HTML/CSS/JS + Chart.js. No frameworks unless necessary. Style: dark theme, minimal, professional. Use [font name].

📰

Newsletter Platform

Subscriber management, content delivery, monetisation

Core Stack

Next.js or HTMLSupabaseResend APIVercelStripe (paid)Beehiiv API

Key Skills Needed

Email API (Resend)Supabase authForm handlingStripe subscriptions

⬡Newsletter platform starter

Build a newsletter signup + delivery system: - Signup form: captures email + name, stores in Supabase - Confirmation email: sent via Resend API on signup - Admin view: shows subscriber count and recent signups - Unsubscribe: link in every email, updates Supabase record Stack: HTML/CSS/JS + Supabase + Resend. Hosted on Vercel. Paid tier later: [yes - add Stripe / no]

🗂

Directory Site

Listings, searchable databases, marketplaces, resource hubs

Core Stack

HTML/CSS/JSSupabaseVercelAlgolia (search)Firecrawl (data)Airtable (simple)

Key Skills Needed

Supabase queries + filtersSearch/filter UISubmission formsAlgolia config

⬡Directory site starter

Build a searchable directory with: - Listing card: [fields: name, description, category, URL, image] - Filter by: [category / location / tags] - Search: real-time text search across listing names and descriptions - Submit form: [yes - public submissions / no - admin only] - Data: stored in Supabase table called [table name] Stack: HTML/CSS/JS + Supabase. No frameworks. Style: [clean/dark/editorial]

🛠

SaaS / Web App

Auth, user accounts, subscription billing, feature access

Core Stack

React or Next.jsSupabase AuthStripeVercelResend (emails)Cloudflare (CDN)

Key Skills Needed

Supabase auth + RLSStripe webhooksProtected routesSubscription logic

⬡SaaS starter prompt

Build a SaaS app skeleton with: - Auth: Supabase email+password login, signup, logout - Protected routes: redirect to login if not authenticated - Pricing tiers: [free / pro / enterprise — list what each includes] - Billing: Stripe checkout for paid tier, webhook to update user role in Supabase - Dashboard: shows user's current plan and usage of [main feature] Stack: React + Supabase + Stripe + Vercel. This is an MVP skeleton — no extra features yet.

🎓

Education / Student Portal

Course management, student tracking, RTO/CRICOS tools

Core Stack

HTML/CSS/JSSupabaseGoogle Sheets APIMoodle APIVercel

Relevant to Your Work (CAC)

Moodle data exportStudent progress trackingVisa data integrationCRM workflow

⬡Education portal starter

Build a student progress dashboard: - Data source: [Google Sheets / Supabase / Moodle API export] - Show per student: [name, course, progress %, completion date, status] - Filter by: [campus / trainer / visa type / cohort] - Alert rules: flag students below [X]% progress - Export: CSV download of filtered view Stack: HTML/CSS/JS. No auth needed (internal tool). Style: clean, functional, printable.

📈

Trading / Finance Dashboard

Market data, paper trading, portfolio tracking

Core Stack

HTML/CSS/JSChart.js or TradingViewCloudflare Workers (proxy)Binance APICoinGecko API

Relevant to APEX TRADE LAB

TQQQ/SQQQ signalsLeverage ETF logicFunding ratesGitHub Pages host

Learning Path

15 courses reviewed. These are the ones that matter for your level. Do NOW first, NEXT second, skip the rest.

Honest assessment

You are past beginner AI literacy. You are not yet a developer. Your zone is tools, workflow, memory, sub-agents, and skills. That is this learning path.

Priority	Course	Links	Key lessons	Why it matters for you
NOW	Claude 101	▶ Video · 📄 Docs	Getting better results · Projects · Skills · Connecting tools	Closes your gaps in Projects, Skills, and tool connections
NOW	Intro to Claude Cowork	▶ Video	Task loop · Plugins · File tasks · Scheduled tasks	You use Cowork but still learning — this is the official tutorial
NEXT	Intro to Agent Skills	▶ Video · 📄 Docs	What are skills · Creating first skill · Skills vs CLAUDE.md	Auto-triggering reusable instructions — stop repeating yourself
NEXT	Intro to Subagents	▶ Video · 📄 Docs	All 4 lessons	Builds your Tester, Reviewer, and Docs agents properly
NEXT	Claude Code in Action	▶ Video · 📄 Docs	Setup · Context · Custom commands · MCP servers	claude init, CLAUDE.md, context management — your core gap
LATER	Intro to MCP	▶ Video · 📄 Docs	All lessons — after the 5 above	Extends Claude Code. Only useful once basics are solid.
SKIP	Building with the Claude API	▶ Video	Skip entirely for now	Requires coding knowledge. Revisit in 6 months.
SKIP	AI Fluency: Framework	▶ Video	Skip — you exceed this	Entry-level AI literacy. You're already past it.

Additional Learning Resources

Anthropic Docs

Full reference for Claude Code, prompting, MCP, and API. Bookmark this.

docs.claude.com →

Prompt Engineering Guide

Anthropic's official guide to writing better prompts. Read the overview.

Prompting Guide →

freeCodeCamp

Free HTML/CSS and JavaScript courses. Do the Responsive Web Design cert first.

freecodecamp.org →

Supabase Docs

Official Supabase docs. Read the Quickstart and the RLS guide before any project.

supabase.com/docs →

MDN Web Docs

Best reference for HTML, CSS, JavaScript. Use it to understand what Claude built.

developer.mozilla.org →

MCP Server Registry

Browse all available MCP servers. Find tools that extend Claude Code capabilities.

GitHub MCP Servers →

Collaborate

How to share this playbook and work on projects together.

👨

Biv — Darwin, AU

Uses Claude Code + Antigravity. CAC, APEX Trade Lab, EduDataHub. Primary owner.

👦

Son — also on Claude Code / Antigravity

Same toolchain. Same playbook. Collaborate on shared projects via GitHub.

How to Share This Playbook

Option 1 — Host on GitHub Pages (Recommended)

Step	Action
1	Create new GitHub repo: `ai-builder-playbook` (public)
2	Upload this HTML file as `index.html`
3	Settings → Pages → main → /root → Save
4	Share URL: `yourusername.github.io/ai-builder-playbook`
5	Both bookmark it. When you update and commit, it live-updates for both.

Option 2 — Claude Project (per-person)

claude.ai → Projects → New project → Upload AI_Project_Playbook_v4.docx as knowledge

Add instruction: "You are a senior AI-native builder assistant. Always refer to the playbook. Both users are non-developers building with AI tools — explain everything simply."

Note

Claude Projects are per-account. Each person creates their own and uploads the same docx. You cannot share a single Project between two accounts currently.

Collaboration Rules (Shared Repo)

Rule	Why	Enforced by
Same CLAUDE.md structure on every project	Either person can pick up the other's project without confusion	Both
Same commit message formula	Shared history is readable by both	Both
Never commit to main during active collab	Use branches: feature/[name]. Merge only when tested.	Both
One person owns each task at a time	Prevents file conflicts and overwrites	Both
CHANGELOG.md updated after every session	Other person knows exactly what state the project is in	Both
Tester sub-agent before any merge to main	Never merge broken code	Whoever wrote the code
memory.md is shared in the repo	Both accumulate and benefit from shared learnings	Both — commit after every session

SKILL.md Setup — Reusable Across Projects

What is a Skill?

A SKILL.md is a markdown file Claude Code reads automatically when it detects a matching task. Write once — Claude applies it every time without repeating yourself. Watch Introduction to Agent Skills first.

--- name: project-init description: Use when starting a new project, initialising a repo, setting up CLAUDE.md, or asking how to structure a new build --- # Project Init — follow in sequence ## Phase 1 — Define first (before any tool) - Project name: lowercase-hyphenated - Purpose: [Tool] that helps [who] to [outcome] - MVP features: maximum 5, numbered - Out-of-scope: "v1 will NOT include..." ## Phase 2 — Repo - Create GitHub repo with README + .gitignore - .gitignore BEFORE .env — always - Enable GitHub Pages ## Session rules (enforce every session) - Complete files only — no snippets - Plain English explanations (non-developer) - Flag before touching anything outside task scope - One task per session ## Security rules - Never put API keys in code — use .env - Run security review before every deploy - Grep for sk-, secret, password before committing

Digital Marketing

Every role you carry — Website, SEO, Content, Social, Ads, Analytics, Reputation, Brand — powered by AI. Tools, prompts, sub-agents, and automations for each.

Overview

SEO

Content

Social Media

Meta & Google Ads

Analytics

Brand & Reputation

Email Marketing

Video

Automations & n8n

Sub-Agents

Proposals

Your Advantage

You are a one-person marketing department. AI lets you operate like a team of 6. The goal: Claude handles the repetitive, research-heavy, and draft-production work so you focus on strategy, client relationships, and creative direction.

Your AI Marketing Stack — Master Map

Your Role	AI Tool	What AI does for you	Time saved
Website Design	Claude + Figma AI + Framer	Generate layouts, write copy, build pages with code	60%
SEO	Semrush + Surfer SEO + Claude	Keyword research, content briefs, on-page optimisation	50%
Content Writing	Claude + Surfer SEO	First drafts, rewrites, tone matching, SEO optimisation	70%
Google My Business	Claude + n8n + Semrush Local	Post generation, review responses, profile optimisation	65%
Reputation Management	Brandwatch + Claude + n8n	Monitor mentions, draft responses, sentiment analysis	60%
Brand Management	Claude Projects + Canva AI	Brand voice consistency, visual asset generation	40%
Bulk Email	Resend + Beehiiv + n8n + Claude	Copy generation, segmentation, automation sequences	65%
Social Media	Buffer/Later + Canva AI + Claude	Caption writing, scheduling, content calendar generation	60%
Video Content	Runway ML + ElevenLabs + CapCut AI	Script writing, voiceover, edit automation	50%
Meta Ads	Claude + AdCreative.ai + n8n	Ad copy variants, creative briefs, performance analysis	55%
Google Analytics	Claude + Looker Studio + n8n	Report generation, insight extraction, anomaly alerts	70%
Proposals & Presentations	Claude + Gamma.app + Beautiful.ai	Proposal drafts, deck generation, executive summaries	65%

Priority Learning Order — Digital Marketing AI

Priority	Focus	Learn via
NOW	Brand Voice Skill in Claude Projects — set up before anything else	Claude 101 — Introduction to Projects
NOW	Content writing workflow with Claude + Surfer SEO	Surfer SEO YouTube channel
NEXT	Social media content calendar automation via n8n	n8n.io/workflows/categories/marketing
NEXT	Meta Ads analysis + weekly reporting workflow	n8n Meta Ads templates
NEXT	Google Analytics automated reporting with Claude insights	Looker Studio + n8n GA4 template
LATER	Full reputation monitoring pipeline	Brandwatch + n8n setup guides

SEO — AI-Powered Tools & Workflow

🔍

Semrush

All-in-one SEO · Must

Keyword research, site audit, competitor analysis, backlink tracking, local SEO, and now AI visibility tracking. The most comprehensive single SEO platform. Claude has a Semrush MCP — connect them.

📄 Docs ▶ YouTube Open

🏄

Surfer SEO

On-page Optimiser · Must for content

Tells you exactly what a top-ranking page needs: word count, headings, keyword density, LSI terms. Write content in the Surfer editor and it scores in real-time. Claude can write the draft, you optimise in Surfer.

📄 Docs ▶ YouTube Open

⚓

Ahrefs

Backlink + Keyword · Should

Best backlink analysis in the industry. AI Content Helper now included. Keyword Explorer shows what people actually search. Webmaster Tools free tier is useful for site owners.

📄 Docs ▶ YouTube Open

🔢

Google Search Console

Free · Must

Free. Shows exactly what queries drive traffic to your site, click-through rates, and indexing issues. Connect to Looker Studio + Claude for automated insight reports.

📄 Docs ▶ Tutorial

📊

Firecrawl MCP

Competitor Scraping · Should

Let Claude scrape competitor pages and extract their heading structure, keyword usage, meta tags, and word count. Feed into your content strategy instantly.

📍

Semrush Local

Local SEO · Should for GMB

Manage Google Business Profile, track local rankings, monitor and respond to reviews, manage citations across directories. Essential for any client with physical locations.

SEO Prompts

⬡Keyword research briefSEO

I need a keyword research strategy for: Business: [business name + what they do] Location: [city/region if local] Target audience: [describe ideal customer] Competitors: [list 2-3 competitor URLs] Produce: 1. 10 primary target keywords (high intent, achievable difficulty) 2. 20 long-tail keywords grouped by topic cluster 3. 5 featured snippet opportunities (question-based queries) 4. Local SEO keyword variations if location-based 5. Content gap opportunities competitors are ranking for Format as a table: keyword | monthly volume estimate | intent | priority (H/M/L)

⬡SEO content brief generatorSEO

Create a detailed SEO content brief for this article: Target keyword: [primary keyword] Supporting keywords: [3-5 secondary keywords] Search intent: [informational / transactional / navigational] Target audience: [describe] Competitor URLs to outrank: [paste 3 URLs] Brief must include: - Recommended title (H1) — 3 variations - Recommended meta description — 2 variations (under 155 chars) - Exact heading structure (H2s and H3s) - Word count recommendation - Must-include topics and subtopics - Internal linking suggestions - Schema markup type to use - CTA recommendation

⬡Competitor content gap analysisSEO

Analyse these competitor pages and identify content gaps I should fill: My site: [your URL] Competitor 1: [URL] Competitor 2: [URL] My target keyword: [keyword] From the content at these URLs (or describe what you know about them): 1. What topics do they cover that I don't? 2. What questions do they answer that I'm missing? 3. Where is my content weaker (depth, structure, examples)? 4. What unique angle can I take to differentiate? 5. Recommend 5 new content pieces I should prioritise

⬡Technical SEO audit checklistSEO

Produce a technical SEO audit checklist for: Website: [URL] Platform: [WordPress / Webflow / custom / etc] Categorise by: Critical (fix immediately) / Important (fix this month) / Nice-to-have Include checks for: page speed, Core Web Vitals, mobile responsiveness, crawlability, sitemap, robots.txt, canonical tags, structured data/schema, internal linking, broken links, image alt text, meta tags, heading hierarchy, HTTPS, duplicate content

Content Writing — AI Workflow

The Pro Workflow

Claude writes the first draft in your brand voice → Surfer SEO scores it → you refine the human angle → publish. This cuts writing time by 70% without losing quality.

✍

Claude (Projects + Skills)

Primary Writer · Must

Set up a Claude Project with your brand voice, target audience, tone examples, and banned phrases. Every content piece stays on-brand without re-briefing. Add a Content Skill that auto-loads your writing rules.

▶ Claude 101

📝

Grammarly

Quality Control · Must

Final polish on every piece of content. Catches tone inconsistencies, readability issues, and grammar errors. The business tier adds brand tone guidelines. Install the Chrome extension — it works everywhere.

📄 Business Install

🔮

Notion AI

Content Hub · Should

Manage your content calendar, briefs, and drafts in one place with AI summaries, rewriting, and translation built in. Share with clients for feedback and approvals.

🖼

Midjourney / DALL-E 3

AI Images · Should

Generate blog hero images, social post visuals, and ad creatives from text prompts. DALL-E 3 is accessible via ChatGPT Plus. Midjourney produces more photorealistic results.

📄 Midjourney ▶ YouTube

Content Prompts

⬡Blog post first draft (SEO-optimised)Content

Write a complete SEO-optimised blog post: Title: [H1 title from your brief] Target keyword: [primary keyword — use naturally, not stuffed] Supporting keywords: [include these throughout] Word count: [target word count] Audience: [describe reader — level, pain points, goals] Brand voice: [professional/conversational/authoritative/friendly] Banned phrases: [any phrases to avoid — e.g. "game-changer", "leverage"] Structure: - H1: include primary keyword - Introduction: hook + what reader will learn - Body: follow this heading structure: [paste H2s and H3s from brief] - Conclusion: summarise + clear CTA - Meta description: under 155 chars, include keyword, include a benefit After writing: flag any section that feels thin and needs more depth.

⬡Repurpose one piece into multiple formatsContent

Repurpose this content into 5 formats: [PASTE ORIGINAL BLOG POST OR ARTICLE] Create: 1. LinkedIn post (150-200 words, hook opening, 3 key points, CTA) 2. Instagram caption (80-100 words, engaging question, 5 hashtags) 3. Twitter/X thread (5 tweets, numbered, hook in tweet 1) 4. Email newsletter intro (150 words — tease the full piece, drive click) 5. Short video script (60 seconds, spoken word, punchy sentences) Keep the core message consistent. Adapt tone for each platform.

⬡Brand voice setup for Claude ProjectContent

I am setting up a Claude Project for [CLIENT/BRAND]. Analyse these sample content pieces and extract the brand voice: [PASTE 3-5 EXAMPLES OF THEIR EXISTING CONTENT] Produce a brand voice document with: 1. Voice characteristics (5 adjectives that describe the tone) 2. Do's — phrases, structures, approaches to use 3. Don'ts — things this brand never says or does 4. Target audience summary (who we're writing for) 5. Example paragraph rewrite showing the voice in action 6. 10 banned/overused phrases to always avoid This will become the brand voice instruction in the project.

Social Media — AI Tools & Workflows

🎨

Canva AI

Visual Creation · Must

AI-powered image generation, Magic Resize (one design → all formats), Brand Kit (logos, fonts, colours auto-applied), and bulk content creation. Magic Write for captions. The go-to for non-designers.

▶ Tutorials Open

📅

Buffer

Scheduling · Must

Schedule posts across all platforms. AI assistant suggests best posting times, generates captions from URLs or prompts. Free tier is generous. Integrates with n8n for automated scheduling workflows.

📄 Resources ▶ YouTube

📸

Later

Instagram-first · Should

Best tool for Instagram visual planning — drag and drop calendar shows how your grid looks before posting. AI caption writer, hashtag suggestions, best time to post analysis.

📄 Resources

🤖

ManyChat

DM Automation · Should

AI chatbots for Instagram DMs, Facebook Messenger, WhatsApp. Automate comment replies, lead capture, product recommendations. Integrates with your CRM and email lists via n8n.

📄 Learn ▶ YouTube

Social Media Prompts

⬡30-day social media content calendarSocial

Create a 30-day social media content calendar for: Brand: [brand name + what they do] Platforms: [Instagram / Facebook / LinkedIn / TikTok — list all] Posting frequency: [e.g. daily Instagram, 3x/week LinkedIn] Audience: [describe] Goals this month: [awareness / leads / engagement / sales] Key dates: [upcoming events, product launches, holidays] Brand voice: [tone description] For each post include: - Date and platform - Content type (carousel / reel / static / story) - Caption (complete, ready to post) - Hashtags (15 for Instagram, 3-5 for LinkedIn) - Visual direction (describe what the image/video should show) - CTA Format as a table. Export-ready.

⬡Instagram carousel scriptSocial

Write an Instagram carousel post: Topic: [topic] Goal: [educate / entertain / sell / build trust] Slides: [6-10 slides] Brand voice: [tone] For each slide: - Slide number - Headline (under 8 words — bold, punchy) - Body text (under 30 words — clear, scannable) - Visual direction Slide 1: Hook — must make them swipe Last slide: CTA + save prompt Caption: 150 words + 5 relevant hashtags

⬡Comment reply templates for reputationSocial

Create 10 ready-to-use comment reply templates for: Brand: [brand name] Industry: [industry] Templates for: 1. Positive review / compliment (2 variations) 2. Negative complaint (2 variations — empathetic, de-escalating) 3. Product/service question (2 variations) 4. Request for more info (1 variation) 5. Spam / irrelevant comment (1 variation — polite ignore) 6. Influencer / partnership inquiry (1 variation) 7. Crisis / sensitive situation (1 variation) Each template: natural-sounding, brand-aligned, not robotic. Include [PLACEHOLDER] tags where personalisation is needed.

Meta & Google Ads — AI Tools

🎯

AdCreative.ai

Ad Creative · Should

Generate high-converting ad creatives at scale. Input your brand, product, and target audience. Outputs complete ad sets with images, headlines, and copy. Integrates with Facebook and Google Ads directly.

📄 Resources ▶ YouTube

📊

Meta Ads MCP

Ads Analysis · Must

Connect Claude directly to your Meta Ads account. Ask in plain English: "Which ad sets are underperforming?", "What's my CPL this week?", "Pause everything with ROAS under 2." Claude reads and acts.

📄 MCP Docs

⚙

n8n Meta Ads Workflows

Automation · Must

Pre-built n8n templates: daily performance reports to Slack, auto-pause underperforming ads, weekly insights emailed with AI analysis, creative testing automation.

📄 Templates

🔎

Google Ads + Performance Max

Google Ads · Must

Google's AI now runs Performance Max campaigns automatically. Your job: provide the best assets (headlines, descriptions, images, videos). Claude writes the copy variants. You supply the strategy.

📄 Help ▶ Skillshop

Ads Prompts

⬡Meta Ad copy — 5 variationsAds

Write 5 Meta Ad copy variations for: Product/Service: [describe] Offer: [what's being promoted — discount, free trial, consultation, etc] Target audience: [age, interests, pain points] Campaign objective: [awareness / traffic / leads / conversions] Brand voice: [tone] For each variation write: - Primary text (125 chars max — hook first) - Headline (40 chars max) - Description (25 chars max) - CTA button: [Learn More / Shop Now / Sign Up / Contact Us] Variation approaches: 1. Pain-focused (lead with the problem) 2. Benefit-focused (lead with the transformation) 3. Social proof (lead with results/numbers) 4. Curiosity/question hook 5. Direct offer (lead with the deal)

⬡Ad performance analysisAds

Analyse this Meta Ads performance data and give me actionable recommendations: [PASTE YOUR AD DATA — campaign name, spend, impressions, clicks, CTR, CPL, ROAS] I need: 1. Which campaigns/ad sets to scale (and by how much) 2. Which to pause or kill (and why) 3. Audience insights from the data 4. Creative fatigue indicators 5. Budget reallocation recommendation 6. Top 3 tests to run next week My monthly budget: [budget] Primary KPI: [CPL / ROAS / CPM / CTR] Target: [e.g. CPL under $25]

⬡Google Ads RSA headlines + descriptionsAds

Write Google Responsive Search Ad assets for: Business: [name + what they do] Target keyword: [primary keyword being bid on] Landing page: [URL or describe the page] USPs: [3-5 unique selling points] Location: [if local] Produce: - 15 headlines (under 30 chars each — include keyword in at least 5) - 4 descriptions (under 90 chars each) - 2 sitelink extensions with descriptions - 4 callout extensions Follow Google's best practices: keyword in first headline, benefit in second, brand in third.

Analytics — AI-Powered Reporting

📈

Looker Studio (free)

Reporting · Must

Google's free dashboard builder. Connect GA4, Google Ads, Search Console, and Meta Ads into one visual report. Share with clients as a live link. Claude can write the analysis narrative.

📄 Docs ▶ Tutorial

🔢

GA4 + BigQuery

Analytics · Must

Google Analytics 4 with BigQuery export (free) lets Claude query your raw event data in plain English. Ask: "What's my top traffic source for leads?" without being a SQL expert.

📄 BigQuery ▶ Skillshop

⚙

n8n GA4 + Reporting

Automation · Must

Pre-built n8n template: pull GA4 + Google Ads + Meta Ads data weekly, send to Claude for AI analysis, email the insight report to you and clients automatically every Monday.

📄 Template

Analytics Prompts

⬡GA4 data interpretationAnalytics

Interpret this GA4 data and give me a client-ready narrative: [PASTE GA4 EXPORT OR KEY METRICS] Period: [date range] Compare to: [previous period] Business goal: [e.g. lead generation / ecommerce / brand awareness] Produce: 1. Executive summary (3 sentences max — what happened, why it matters) 2. Top 3 wins this period (with specific numbers) 3. Top 3 concerns or anomalies (with suspected causes) 4. Channel performance breakdown (organic, paid, social, direct, referral) 5. Conversion funnel analysis (where are users dropping off?) 6. Recommended actions for next period (prioritised) Write in plain English for a non-technical client.

⬡Monthly client report narrativeAnalytics

Write a monthly marketing report narrative for a client: Client: [business name + industry] Period: [month + year] Data: - Website: [sessions, users, bounce rate, avg session duration] - SEO: [organic traffic, keyword rankings changes] - Social: [follower growth, engagement rate, reach, best performing post] - Ads: [spend, impressions, clicks, conversions, ROAS/CPL] - Email: [open rate, click rate, subscribers, unsubscribes] Write: 1. Month in review (1 paragraph — story of the month) 2. What worked (celebrate the wins with specifics) 3. What we're watching (honest about what needs work) 4. Next month priorities (3 clear actions) 5. One strategic recommendation Tone: professional, confident, client-friendly. Not corporate-jargon.

Brand & Reputation Management

👁

Brandwatch

Social Listening · Should

Monitor every mention of your brand or clients across social media, news, blogs, and forums. AI sentiment analysis. Set up alerts for negative sentiment spikes. Export data for Claude analysis.

⭐

Semrush Review Management

Reviews · Must for GMB

Monitor and respond to Google My Business and other platform reviews from one dashboard. Set up alerts for new reviews. Claude drafts the responses — you approve and send.

📄 Local Docs

🔔

Google Alerts (free)

Brand Monitoring · Must

Free email alerts whenever your brand, clients, or competitors are mentioned online. Simple to set up. Pipe alerts to n8n → Claude → Slack for automated reputation monitoring.

Set Up Free

Brand & Reputation Prompts

⬡Google review response — positiveReputation

Write 3 variations of a Google review response for: Business: [business name + industry] Review: [paste the review] Star rating: [5 / 4 stars] Requirements: - Thank the reviewer by first name if mentioned - Acknowledge the specific thing they praised - Reinforce a brand value naturally - Invite them back with a soft CTA - Under 80 words each - Sound human — not like a template - No emojis unless the reviewer used them

⬡Negative review responseReputation

Write a professional response to this negative review: Business: [business name] Review: [paste the review] Response requirements: - Acknowledge the frustration (don't be defensive) - Apologise for the experience (not admitting fault if disputed) - Offer to resolve — move conversation offline with contact details - Do NOT include anything that could be used against the business - Under 100 words - Professional but warm tone Also write: a private follow-up message to send directly to the reviewer to resolve the issue

⬡GMB post content calendarGMB

Create 8 Google My Business posts for: Business: [name + what they do] Location: [city] Posting frequency: [weekly] For each post: - Post type: What's New / Event / Offer / Product - Title (under 58 chars) - Body (150-300 words, include local keyword naturally) - CTA button: [Book / Order / Learn More / Call / Sign Up] - Offer details (if applicable) Topics to cover: services, team, community, FAQ, tips, promotions

Email Marketing — AI Tools & Sequences

📧

Klaviyo

E-commerce Email · Should

Industry standard for e-commerce email. AI-powered send time optimisation, predictive segments, and flow automation. Direct Shopify/WooCommerce integration. Claude writes the sequences, Klaviyo delivers them.

📄 Mailchimp 📄 ActiveCampaign

📬

Mailchimp / ActiveCampaign

Bulk Email · Must

Mailchimp for simpler campaigns with strong free tier. ActiveCampaign for advanced automation sequences and CRM integration. Both have AI subject line generators and send time optimisation.

📰

Beehiiv

Newsletter Platform · Should

Best-in-class newsletter platform. Free tier is generous. Developer API lets you add subscribers programmatically. Built-in monetisation with paid subscriptions and ad network. Great for client newsletters.

📄 API Docs Open

Email Prompts

⬡Email welcome sequence (5 emails)Email

Write a 5-email welcome sequence for new subscribers: Brand: [name + what they do] Audience: [who subscribes + why they signed up] Goal of sequence: [build trust / educate / convert to customer] Brand voice: [tone] Lead magnet delivered: [what they signed up for] Email 1 (immediate): Deliver the lead magnet + warm welcome Email 2 (day 2): Your brand story — why you do what you do Email 3 (day 4): Biggest insight or value piece (educate) Email 4 (day 6): Social proof — results, testimonials, case study Email 5 (day 8): Soft offer or CTA to next step For each email: - Subject line (3 variations — curiosity / benefit / question) - Preview text (under 85 chars) - Full email body - CTA (text + button copy)

⬡Bulk email campaign — newsletterEmail

Write a monthly newsletter email: Brand: [name] Topic/theme this month: [describe] Key content pieces to feature: [list 2-3 articles, updates, or offers] Audience: [subscriber type] List size: [approximate] Produce: - Subject line (5 variations — A/B test options) - Preview text for best subject line - Full email (800-1200 words) - Structure: personal opener → main story → 2-3 content sections → CTA → sign-off - Footer: unsubscribe reminder, social links placeholder Tone: like writing to a friend, not a corporation

Video Content — AI Production Stack

🎬

Runway ML

AI Video · Should

Text-to-video, image-to-video, video editing with AI. Remove backgrounds, generate slow-mo, create video from text prompts. Gen-3 Alpha is best-in-class for short social videos and ad creatives.

🔊

ElevenLabs

AI Voiceover · Must for video

Natural-sounding text-to-speech for video voiceovers, explainer videos, social content. Clone your own voice for consistent brand audio. Claude writes the script, ElevenLabs delivers it.

✂

CapCut AI

Video Editing · Must

Free. Auto-captions, background removal, AI clip cutting, trending templates for Reels/TikTok. The fastest way to produce social video content. Desktop and mobile app. Claude writes the scripts.

▶ Tutorials Download

🎙

Descript

Script + Edit · Should

Edit video by editing the transcript — delete words from the text and the video edits itself. AI filler word removal, eye contact correction, studio sound enhancement. Best for talking-head videos.

Video Prompts

⬡60-second social video scriptVideo

Write a 60-second video script for: Platform: [Instagram Reel / TikTok / YouTube Shorts / LinkedIn] Topic: [topic] Goal: [educate / entertain / sell / build trust] Brand voice: [tone] CTA: [follow / visit link / comment / DM] Format: - Hook (0-3 sec): visual direction + opening line — must stop the scroll - Problem/context (3-15 sec): set up the tension - Value delivery (15-50 sec): the main content in punchy sentences - CTA (50-60 sec): clear ask Also provide: - On-screen text suggestions for each section (under 6 words each) - Thumbnail text suggestion - Caption (150 words + 5 hashtags)

⬡Explainer video script (2 minutes)Video

Write a 2-minute explainer video script for: Business/Product: [describe] Target audience: [who is watching] Problem it solves: [pain point] Key differentiators: [what makes it unique] Structure: Problem → Solution → How it works (3 steps) → Social proof → CTA Spoken word: short sentences, natural rhythm, conversational Indicate: [PAUSE], [VISUAL: describe what should show on screen], [GRAPHIC: text overlay] End with: voiceover CTA + screen URL/contact Total word count: ~280 words (fits 2 minutes at natural speaking pace)

Automations & n8n Workflows

These are the workflows that will save you the most time as a one-person marketing department. Build them in priority order.

Where to find templates

Browse 2,700+ marketing automation templates at n8n.io/workflows/categories/marketing — most are free and ready to import.

Priority Automations to Build

Priority	Automation	What it does	Tools needed	n8n Template
BUILD 1st	Weekly Marketing Report	Pulls GA4 + Meta Ads + Google Ads data weekly, sends to Claude for AI analysis, emails PDF report to you + clients every Monday 8am	n8n + GA4 + Meta API + Claude + Gmail	View template →
BUILD 2nd	Social Content Auto-Scheduler	Monitors Google Trends for your niche, Claude generates posts, auto-schedules to Buffer/Later across all platforms at optimal times	n8n + Google Trends + Claude + Buffer	View template →
BUILD 3rd	Review Response Bot	New Google review triggers → Claude drafts response → you approve via email → auto-posts to GMB. Handles 95% of review responses on autopilot.	n8n + Google My Business API + Claude + Gmail	Build custom
BUILD 4th	Meta Ads Daily Alert	Every morning: checks yesterday's ad performance, flags anomalies (CPL spike, budget pacing), sends Slack/email alert with Claude's recommended actions	n8n + Meta Ads API + Claude + Slack	View template →
BUILD 5th	Content Repurposing Pipeline	New blog post published → Claude repurposes into 5 social formats → auto-queues in Buffer for the next 2 weeks	n8n + WordPress webhook + Claude + Buffer	Build custom
LATER	Brand Mention Monitor	Google Alerts → n8n → Claude sentiment analysis → categorises as positive/neutral/negative → Slack alert for negatives requiring response	n8n + Google Alerts + Claude + Slack	Build custom
LATER	Lead Nurture Sequence	New lead in CRM → Claude personalises email sequence based on lead source and industry → sends via Resend over 7 days	n8n + CRM + Claude + Resend	Build custom
LATER	Competitor Intelligence Report	Weekly: Firecrawl scrapes competitor blog + social → Claude identifies new content topics + ad angles → emails digest to you	n8n + Firecrawl + Claude + Gmail	Build custom

n8n Setup for Digital Marketing

⬡Build this workflow with ClaudeAutomation

I want to build an n8n automation workflow. Help me plan it. Workflow goal: [describe what should happen start to finish] Trigger: [schedule / webhook / new email / new review / form submission] Data sources: [what data it pulls — GA4 / Meta Ads / Sheets / etc] AI processing: [what Claude should do with the data] Output: [where results go — email / Slack / Sheets / Buffer / CRM] My n8n experience: beginner / I can follow step-by-step instructions Produce: 1. Workflow map (nodes in sequence, what each does) 2. Step-by-step build instructions 3. The exact Claude prompt to use in the AI node 4. What credentials/API keys I need 5. How to test it safely before going live

Digital Marketing Sub-Agents

Each sub-agent is a separate Claude chat with a specialist role. Open them alongside your main session. They are your virtual marketing team.

Agent	Role	When to use	Opening prompt
SEO Strategist	Keyword research, content briefs, on-page recommendations	Before writing any content, auditing a page, planning a campaign	See prompt below
Ad Copy Writer	Generate ad copy variants, analyse performance, A/B test ideas	Before launching any campaign, refreshing ad creative, testing new angles	See prompt below
Analytics Interpreter	Translate data into insight, flag anomalies, write client narratives	After pulling reports, before client presentations, monthly reviews	See prompt below
Brand Voice Guardian	Review content for brand consistency, tone, and messaging alignment	Before publishing any content — the final quality gate	See prompt below
Reputation Manager	Draft review responses, monitor sentiment, crisis communication	When a negative review appears, crisis situations, weekly review management	See prompt below
Proposal Writer	Draft proposals, pitch decks, client presentations, case studies	New client pitches, contract renewals, award submissions	See prompt below

⬡SEO Strategist sub-agentSub-agent

You are a senior SEO strategist with 10 years experience in digital marketing. You specialise in: keyword research, content strategy, on-page SEO, local SEO, and technical audits. You do NOT write the final content — you produce briefs and strategies for a content writer to execute. My context: - I am a Digital Marketing Manager at [CAC/client name] - Target market: [describe] - Current rankings: [describe what you know] - Primary goals: [e.g. increase organic traffic by 30% in 6 months] When I give you a topic or URL, produce: 1. Target keyword + 5 supporting keywords 2. Search intent analysis 3. Content brief with heading structure 4. On-page optimisation checklist 5. Internal linking recommendations Always explain your reasoning so I learn from every brief.

⬡Analytics Interpreter sub-agentSub-agent

You are a senior digital marketing analyst. You turn raw data into clear, actionable insights. Your job: receive marketing data, identify the story it tells, and produce client-ready narratives. Rules: - Never use jargon without explaining it - Always lead with the most important finding - Separate what happened from why it happened from what to do about it - Flag data anomalies and hypothesise causes - All numbers should be compared to a baseline (previous period, industry average, or target) When I paste data: 1. Give me the 3-sentence executive summary first 2. Then the full analysis 3. End with 3 prioritised actions Audience: my client is [describe — business owner / marketing director / etc]

⬡Brand Voice Guardian sub-agentSub-agent

You are a brand voice guardian for [BRAND NAME]. Brand voice rules: - Tone: [describe — e.g. professional but warm, confident but not arrogant] - We always: [list 3-5 brand communication rules] - We never: [list banned phrases and approaches] - Target reader: [describe the audience] - Brand personality: [3 adjectives] When I share content with you: 1. Rate it for brand voice alignment (1-10) 2. Flag any phrases that feel off-brand 3. Suggest alternative phrasing for anything that needs changing 4. Check for: clarity, tone, reading level (aim for grade 8), CTA strength 5. Give the content a final score: Publish Ready / Needs Minor Edits / Needs Rewrite Be direct. I'd rather know about a problem before it's published.

Proposals & Client Presentations

🎯

Gamma.app

AI Presentations · Must

Generate complete presentation decks from a text prompt or outline in 30 seconds. Beautiful templates, auto-layout, and AI content generation. Export as PDF or present live. Perfect for proposals.

Open ▶ Tutorials

📊

Beautiful.ai

Smart Presentations · Should

AI automatically adjusts slide layouts as you add content. No more fiddling with design. Great for data-heavy reports and client presentations. Branding applied across all slides automatically.

Open

📄

Proposify

Business Proposals · Should

Professional proposal templates with e-signature, tracking (see when clients open + read), and CRM integration. Claude writes the content, Proposify formats and delivers it.