A step-by-step tutorial for mastering Claude Code from Level 0 to Level 10, using my-portfolio (a personal portfolio site built with Next.js 14 + TypeScript) as the hands-on project.
If this is your first time through the section, start with the Claude Code Level Overview to understand why the levels exist, how to study them, and what the target end state looks like.
Tutorial Overview
| Level | What you do with the portfolio |
|---|---|
| Level Overview | Understand the Level 0-10 map, study path, and target end state |
| Level 0 | Launch Claude Code and experience getting stuck |
| Level 1 | Create CLAUDE.md and generate the About page |
| Level 2 | Read GitHub Issues and implement the Skills component |
| Level 3 | Use the /blog command to produce articles at scale |
| Level 4 | Write style rules to memory and unify output quality |
| Level 5 | Complete the full Issue → implement → test → PR loop |
| Level 6 | Set up automatic code review on every PR |
| Level 7 | Auto-collect trending blog ideas |
| Level 8 | Implement 3 features in parallel using Git worktree |
| Level 9 | Automate weekly article generation and vulnerability monitoring 24/7 |
| Level 10 | Have Claude design the agent architecture for your next product |
Getting Started
Read the Level Overview first, then start from Level 0 or jump to whichever level matches your current progress.