Welcome. This page is your map. Every article in the code track is listed below, in the order that makes the most sense. Start at the top, work your way down. Skip what you already know.
If you are specifically here for Claude Code — the tool, not the broader idea of vibe coding — there is a dedicated Claude Code Collection that groups all thirteen Claude Code articles by purpose instead of by difficulty. Start there if that is what brought you.
Beginner — the foundation
These articles are free. They give you the mental model, the tools, and the first taste of what vibe coding feels like.
-
What Is Vibe Coding (And Why It Works) — The philosophy. What vibe coding is, where the term came from, and why it works for creatives. Read this first.
-
Claude Code for Creatives: A Non-Developer’s First Hour — The hands-on start. Download the app, open the Code tab, build something in thirty minutes.
-
Claude on Your Computer: Files, Browser, Apps & Beyond — Claude does more than write code. It organises files, opens apps, fills spreadsheets, and browses the web. This is where the “AI talks to your computer” idea really lands.
-
The Right AI Tool for Every Creative Task — Claude Code, Cowork, and ChatGPT each do something different. This is your decision matrix.
-
Claude Code on Your Phone, Desktop, and Cloud — Work from anywhere. Start on your phone, pick up on your desktop, hand off to the cloud.
-
Reverse Prompting: When Claude Asks the Questions — The unexpected skill: letting Claude interview you before it starts building. How to spot when it should.
-
Context Rot: The Hidden Reason Your Session Falls Apart — Why Claude starts forgetting and repeating itself. The thirty-second fix.
Intermediate — the craft
These articles mix free and member content. They teach you to be specific, manage longer sessions, build real things, and survive when things break.
-
The Vibe Coder’s Dictionary — Every technical term you will encounter, explained without jargon. Bookmark this — you will come back to it.
-
The Vibe Coder’s Survival Guide — What to do when things break. The 80% wall, debugging for non-developers, when to restart, when to get help.
-
Prompting Claude Code: 10 Before-and-Afters — The difference between a vague request and a great result. Ten real prompts, rewritten, with reasoning.
-
Context Management in Claude Code — Keeping your sessions sharp as they get longer. Compaction, session discipline, CLAUDE.md architecture. (Member content)
-
Build Your Portfolio Site in One Session — The first real project. One conversation, one hour, a live site at the end. (Member content)
-
From Sketch to Prototype: Interactive Projects — Three creative coding projects: generative art, data portraits, interactive typography. (Member content)
-
The Claude Code Creative’s Toolkit — 10 custom commands, 3 templates, 2 scaffolds — all ready to copy into your setup. (Member content)
-
What Are Claude Code Skills (And Why They Change Everything) — The concept behind skills — reusable instruction sets that teach Claude how to handle recurring tasks consistently.
-
Fifteen Claude Code Features Most People Never Use — Mobile access, session teleport, hooks, voice input, worktrees, loops — the next level. (Member content)
-
What Happens After You Build It — Maintaining your vibe-coded projects. Updating, fixing, staying secure, knowing when to hire. (Member content)
-
Budget Control: Credits, Compute, and Not Getting Burned — How billing works, what costs what, and how to avoid the surprise bill. (Member content)
-
Give Claude Your Whole Creative Stack: The MCP Starter Kit — Connect Claude Code to Figma, Notion, Vercel, Stripe, and Cloudinary. Your stack, one conversation. (Member content)
-
The Project That Never Forgets: Claude Code’s Memory System — The two-layer memory architecture that keeps your project context alive across weeks of work. (Member content)
Advanced — the power
These are mostly member-only. They assume you have been vibe coding for a few weeks and want to push further.
-
Making Claude Code Yours: Hooks, Tools & Custom Setups — Auto-commit hooks, connected tools, custom agents that know your brand. (Member content)
-
Build Your Own Skill Pack: The Complete Guide — Six production-ready skills: multi-agent orchestration, persona critique, autonomous loops. (Member content)
-
Agent Teams: Parallel Creative Workflows — Run multiple Claudes on one project simultaneously. For when the deadline is Friday and the scope is Tuesday. (Member content)
-
Claude Code on Autopilot: Four Hooks You Install Once — Pre-built hooks for auto-commit, auto-format, session context, and task notifications. (Member content)
-
Specification Engineering — Writing specs so clear that Claude cannot misunderstand them. The discipline behind reliable output. (Member content)
-
Scaling Vibe-Coded Systems — When a vibe-coded prototype needs to become something real. Production, observability, limits. (Member content)
-
Autonomous Agents: Letting Claude Work on Its Own — The patterns for long-running, self-directing Claude sessions on your local machine. (Member content)
-
Claude Learned to Work Without You — The April 2026 launch of Claude Managed Agents. Your agents now live on Anthropic’s servers, not your laptop.
How to use this path
You do not need to read everything. The beginner section gives you enough to start building today. The intermediate section deepens the craft. The advanced section is for when you want Claude Code to feel like a customised studio tool rather than a generic AI.
If you want to go deep on Claude Code specifically — the tool, not the broader idea of vibe coding — the Claude Code Collection is a shortcut. Thirteen articles, grouped by what they help you do instead of by difficulty. Useful as a reference when you are about to try a specific thing and want the one article that will help.
Read at your own pace. Every article you finish will show as “read” on the articles page. Come back to this page when you want to see what is next.
Art & Algorithms publishes guides, tutorials, and prompt packs at the intersection of art and code. Subscribe for the full archive.