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.

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.

  1. 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.

  2. 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.

  3. 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.

  4. The Right AI Tool for Every Creative Task — Claude Code, Cowork, and ChatGPT each do something different. This is your decision matrix.

  5. 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.

Intermediate — the craft

These articles mix free and member content. They teach you to be specific, manage longer sessions, and build real things.

  1. The Vibe Coder’s Dictionary — Every technical term you will encounter, explained without jargon. Bookmark this — you will come back to it.

  2. Prompting Claude Code: 10 Before-and-Afters — The difference between a vague request and a great result. Ten real prompts, rewritten, with reasoning.

  3. Context Management in Claude Code — Keeping your sessions sharp as they get longer. Compaction, session discipline, CLAUDE.md architecture. (Member content)

  4. Build Your Portfolio Site in One Session — The first real project. One conversation, one hour, a live site at the end. (Member content)

  5. From Sketch to Prototype: Interactive Projects — Three creative coding projects: generative art, data portraits, interactive typography. (Member content)

  6. The Claude Code Creative’s Toolkit — 10 custom commands, 3 templates, 2 scaffolds — all ready to copy into your setup. (Member content)

Advanced — the power

These are member-only. They assume you have been vibe coding for a few weeks and want to push further.

  1. Making Claude Code Yours: Hooks, Tools & Custom Setups — Auto-commit hooks, connected tools, custom agents that know your brand. (Member content)

  2. 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)

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.

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.