Walkthroughs
Architecture diagrams &
visual explainers
Generated when you ask Claude to show something worth keeping. Each walkthrough captures a decision, a mental model, or a system worth understanding at a glance.
10Walkthroughs
3Categories
📦 gilesparnell/Claude
  📁 skills/ ← reusable
  📁 project-templates/
  📁 docs/ ← these pages
📦 client-acme/
  📁 src/
  📁 .claude/
Project vs Workspace Repo Structure
How to organise your AI workspace repo vs individual client project repos. What lives where and why.
claude workflow
Claude Code CLI
  ↓ MCP protocol
GitHub API
  ↓ Bearer token
gilesparnell/Claude ✓
GitHub MCP Server Setup
How the GitHub MCP server connects Claude Code to your repos. Auth flow, scopes, and what you unlock once connected.
tooling claude
global
~/.claude/skills/
project
[project]/.claude/skills/
portal
~/Claude/skills/
Skills Architecture
Three-location model, global vs project scope, the 7-section skill template, and how to write a skill from scratch.
claude skills
claude.ai
terminal
plan → build → push → portal
Claude Chat vs Claude Code Workflow
How this chat and Claude Code work together. Plan and generate here, build and execute in the terminal.
workflowclaude-code
Discover → Plan → Build → Review → Compound
/ce:plan /ce:work /ce:review /ce:brainstorm /ce:compound +15 more
Compound Engineering Skills Map
Every /ce: command explained — what it does, when to use it, and how it relates to the others. Organised by feature lifecycle phase with a quick-reference decision table.
claudeworkflowclaude-code
No IDE. Just plan.md files and voice.
① Input — voice / task
② Brain — claude code
③ Shared Layer — git / mcp
④ Output — deployed
The mvanhorn Workflow
A no-IDE setup using only plan.md files and voice. Four-layer flow: input → brain → shared glue → output. How to run Claude Code without ever opening an editor.
workflowclaude-code
tmux + worktrees + agent teams
① tmux — named windows
② worktrees — isolated files
③ agent teams — coordinated
Structured Claude Code Dev Environment
Replace chaotic terminal tabs with three layers: tmux for named windows, git worktrees for isolation, and Agent Teams for coordinated parallel agents. Visual diagrams and daily workflow.
toolingclaude-codeworkflow
parallel execution pipeline
① plan → dependency graph
② group into waves
③ spawn fresh agents
④ verify & report
Wave-Based Parallel Execution
How /wave-execute fights context rot by splitting plans into dependency waves and dispatching each task to a fresh 200K-context agent. The full pipeline from ce:brainstorm to deployed code.
workflowclaude-codeparallel
skills · hooks · loop
discover → triage → plan
build · /tdd-first (hook)
verify · /ship ★
/resume ★ ← next session
Skills & Hooks, In Tandem Across the Lifecycle
Where every skill fires, which hooks run underneath, and how /resume + /ship close the loop between sessions. Covers discovery, Adoption Discipline triage, planning, TDD build, verification, the verified ship procedure, and session-boundary continuity.
workflowskillshookstddlifecycle
Stop hook fires
sync-memory-to-repo.sh
cp memory/ → repo/memory/
git add · commit · push
only if changed · 30s timeout
Memory Sync — How Claude Remembers You
Claude writes memory files locally during sessions. A Stop hook auto-commits them to GitHub so every new session starts with full context — across machines and accounts.
toolingmemoryhooks
Open walkthrough →
+ Next walkthrough
Ask Claude to show you something
Architecture decisions, system flows, mental models — anything worth visualising can be added here.