The skill of this decade is not memorizing syntax. It is directing an AI that knows the syntax. This section teaches the prompting workflow the rest of the primer leans on.
You've been using Claude all month. this section we slow down and get intentional about it. The difference between a mediocre AI output and a great one is almost always the quality of the prompt.
Who you are, what you're building, what you've already done. "I'm a beginner building a portfolio site..."
Exactly what you want. Not "make it look good" but "use a dark background, white text, Playfair Display font, purple accent."
Paste what you have. Never describe code when you can show it. Claude can only work with what you give it.
"I'm a beginner" or "Explain what each part does." This changes how Claude explains things dramatically.
Building with AI isn't one big prompt. It's a conversation. You get something back, you react, you redirect. Each message builds on the last.
First prompt: describe the whole thing. "Build me a landing page for a dog-walking service." Get the structure first, style second, interactions third.
Don't say "make it better." Say "the hero section is too tall, the button color clashes with the background, and I want the font to be more modern."
Claude remembers everything said earlier in a chat. Don't start a new chat for each request :: keep iterating in the same thread.
"Can you summarize what you changed and why?" This turns every Claude response into a mini-lesson.
The best builders keep a personal collection of prompts that work. Every time Claude gives you a great output, save the prompt that produced it. This becomes your secret weapon.
Create a file called prompts.md in your VS Code project. Organize prompts by category: HTML, CSS, JavaScript, Debugging, Explaining Code. Add to it every week. By Section 12, you'll have a personal playbook.
── DEBUGGING ──────────────────────────── "My [HTML/CSS/JS] isn't working. Error: [paste error]. Code: [paste code]. Fix it and explain what was wrong." ── LEARNING ───────────────────────────── "Explain this code to me like I'm a beginner, one line at a time: [paste code]" ── STARTING FRESH ─────────────────────── "Build me a [type] page for [purpose]. Include [elements]. Style it with [colors/fonts]. I'm a beginner :: add comments explaining each section."
Claude isn't just for generating code :: it's an excellent reviewer. After you build something, ask Claude to critique it. This accelerates learning dramatically.
Review this code I wrote as a beginner. Tell me: 1. What I did well 2. What could be improved or simplified 3. Any bugs or potential issues 4. What a more experienced developer would do differently Here's the code: [paste it]
Is there a cleaner or simpler way to write this JavaScript? I'm learning and want to understand best practices: [paste your JS]
The twist: this time, don't touch the code directly. Everything goes through Claude. You are the creative director :: you describe, review, and redirect. Claude codes.
prompts.md library