Learn Claude Code: From User to Automation Architect
Learn Claude Code: From User to Automation Architect
Goal: Master every aspect of Claude Code—from basic CLI usage to building sophisticated automation systems with hooks, skills, MCP servers, browser automation, headless pipelines, custom output styles, and multi-agent orchestration.
Project Index
Category 1: Hooks System Mastery (Projects 1-8)
Event-driven automation with deterministic triggers. Learn to intercept, validate, and enhance Claude’s behavior at every lifecycle point.
| # | Project | Difficulty | Key Concepts |
|---|---|---|---|
| 1 | Hook Hello World - Session Greeter | Beginner | SessionStart, exit codes, basic hook structure |
| 2 | File Guardian - PreToolUse Blocking Hook | Intermediate | PreToolUse, security patterns, pattern matching |
| 3 | Auto-Formatter Hook Pipeline | Intermediate | PostToolUse, code formatters, language detection |
| 4 | Notification Hub - Multi-Channel Alerts | Intermediate | Stop/Notification hooks, multi-channel dispatch |
| 5 | Prompt Validator - UserPromptSubmit Hook | Intermediate | UserPromptSubmit, input validation, prompt transformation |
| 6 | Hook Orchestrator - Type-Safe Framework | Advanced | TypeScript, hook composition, framework design |
| 7 | Session Persistence Hook | Advanced | State management, PreCompact, cross-session state |
| 8 | Hook Analytics Dashboard | Advanced | Metrics, visualization, performance monitoring |
Category 2: Skills Development Mastery (Projects 9-14)
Reusable, auto-discovered capabilities with progressive disclosure. Build capabilities that Claude invokes based on context.
| # | Project | Difficulty | Key Concepts |
|---|---|---|---|
| 9 | Hello World Skill - Git Commit Assistant | Beginner | SKILL.md, skill invocation, slash commands |
| 10 | Multi-File Skill - Documentation Generator | Intermediate | Multi-file skills, template rendering |
| 11 | Browser Automation Skill - Web Testing | Intermediate | Chrome MCP integration, visual testing |
| 12 | Code Review Skill with Subagents | Advanced | Subagent orchestration, specialized reviewers |
| 13 | Skill Auto-Activation via Prompt Analysis | Advanced | NLP patterns, context detection |
| 14 | Skill Marketplace - Shareable Packages | Advanced | Package distribution, version management |
Category 3: MCP Integration Mastery (Projects 15-20)
Model Context Protocol connects Claude to external services. Build servers that extend Claude’s capabilities.
| # | Project | Difficulty | Key Concepts |
|---|---|---|---|
| 15 | Your First MCP Server - SQLite Interface | Beginner | MCP basics, stdio transport, database queries |
| 16 | GitHub MCP Integration - PR Workflow | Intermediate | GitHub API, PR automation, webhooks |
| 17 | Custom MCP Resource Provider | Intermediate | Resource types, dynamic content |
| 18 | MCP Server Chain - Composing Servers | Advanced | Server composition, data pipelines |
| 19 | MCP Server Authentication & Security | Advanced | OAuth, API keys, secure transport |
| 20 | Real-Time MCP with WebSocket Support | Advanced | WebSocket transport, real-time updates |
Category 4: Output Styles & Customization (Projects 21-23)
Transform Claude’s personality, output format, and behavior through system prompt modifications.
| # | Project | Difficulty | Key Concepts |
|---|---|---|---|
| 21 | Custom Output Style - Technical Writer | Intermediate | Style definition, prompt engineering |
| 22 | Dynamic Output Style - Context-Aware | Advanced | Runtime style switching, context detection |
| 23 | Output Style Library - Shareable Ecosystem | Advanced | Style packaging, composable styles |
Category 5: Headless & CLI Automation (Projects 24-28)
CLI automation with -p flag, JSON output, and programmatic control for CI/CD and scripts.
| # | Project | Difficulty | Key Concepts |
|---|---|---|---|
| 24 | Headless Pipeline - CI/CD Integration | Intermediate | -p flag, GitHub Actions, structured output |
| 25 | Streaming JSON Pipeline - Real-Time | Intermediate | Streaming output, event processing |
| 26 | Multi-Session Orchestrator - Parallel Instances | Advanced | Process management, parallel execution |
| 27 | Schema-Validated Output - Structured Data | Advanced | JSON Schema, type safety, validation |
| 28 | Headless Testing Framework | Advanced | TDD automation, test generation |
Category 6: Browser Automation with Chrome MCP (Projects 29-32)
Visual testing, web scraping, form automation, and end-to-end workflows using Chrome integration.
| # | Project | Difficulty | Key Concepts |
|---|---|---|---|
| 29 | Chrome Hello World - Visual Page Analyzer | Intermediate | Chrome MCP, page analysis, accessibility |
| 30 | Form Automation Engine - Smart Data Entry | Intermediate | Form detection, intelligent filling |
| 31 | Visual Regression Testing - Screenshot Diff | Advanced | Screenshot comparison, diff algorithms |
| 32 | E2E Workflow Recorder - Test Generator | Advanced | Interaction recording, test generation |
Category 7: Plugins & Configuration Management (Projects 33-36)
Bundle extensions into distributable plugins, manage configuration across machines.
| # | Project | Difficulty | Key Concepts |
|---|---|---|---|
| 33 | Plugin Architect - Distributable Extensions | Advanced | Package structure, npm publishing |
| 34 | Configuration Sync - Cross-Machine Settings | Intermediate | Cloud sync, conflict resolution |
| 35 | CLAUDE.md Generator - Intelligent Context | Intermediate | Context analysis, auto-generation |
| 36 | Enterprise Config - Team-Wide Standards | Advanced | Enterprise deployment, policy enforcement |
Category 8: Advanced Multi-Agent & Capstone (Projects 37-40)
Combine everything into production-grade automation systems with multi-agent orchestration.
| # | Project | Difficulty | Key Concepts |
|---|---|---|---|
| 37 | Multi-Agent Orchestrator - Parallel Swarm | Master | Agent coordination, distributed execution |
| 38 | AI Development Pipeline - Full Lifecycle | Master | Complete automation, TDD workflow |
| 39 | Claude Code Extension - Build Capabilities | Master | Internal architecture, extending core |
| 40 | The Grand Finale - Your AI Dev Environment | Master | Complete integration, personal IDE |
Learning Path
┌─────────────────────────────────────────────────────────────────────────┐
│ RECOMMENDED LEARNING PATH │
├─────────────────────────────────────────────────────────────────────────┤
│ │
│ FOUNDATION (Weeks 1-2) │
│ ├── P1: Hook Hello World │
│ ├── P9: Hello World Skill │
│ └── P15: First MCP Server │
│ │ │
│ ▼ │
│ CORE MASTERY (Weeks 3-6) │
│ ├── P2-P5: Hook patterns (security, formatting, notifications) │
│ ├── P10-P12: Skill development (multi-file, browser, subagents) │
│ ├── P16-P17: MCP integration (GitHub, resources) │
│ └── P21: Custom output style │
│ │ │
│ ▼ │
│ ADVANCED TECHNIQUES (Weeks 7-10) │
│ ├── P6-P8: Hook framework and analytics │
│ ├── P13-P14: Skill auto-activation and marketplace │
│ ├── P18-P20: MCP composition and security │
│ ├── P22-P23: Dynamic styles and library │
│ └── P24-P28: Headless pipelines │
│ │ │
│ ▼ │
│ BROWSER & PLUGINS (Weeks 11-14) │
│ ├── P29-P32: Browser automation mastery │
│ └── P33-P36: Plugin architecture and configuration │
│ │ │
│ ▼ │
│ CAPSTONE (Weeks 15-18) │
│ ├── P37: Multi-agent orchestration │
│ ├── P38: AI development pipeline │
│ ├── P39: Claude Code extension │
│ └── P40: Your complete AI development environment │
│ │
└─────────────────────────────────────────────────────────────────────────┘
Prerequisites
- Essential: Basic command line proficiency, one programming language (TypeScript/Python/Bash)
- Helpful: Git/GitHub workflow, REST API experience, basic JSON understanding
- For Advanced Projects: Database experience, CI/CD familiarity, distributed systems concepts
Source File
This directory contains expanded projects from: