Hey, it's Cindy ๐ฑ This is the full Claude Code setup from the reel, start to finish, plus the one step almost every tutorial skips: giving Claude your context so it stops acting like a stranger. No developer background needed.
the shape of it
What you're setting up ๐งฐ
Claude Code is Claude that lives in your code editor and can actually build things: apps, websites, automations, whole projects, writing all the code for you. You don't need to type a single line yourself. The setup is four small steps, and then one extra step that's the real difference between "I installed it" and "it works like it knows me".
gather these
Before you start โ
๐ณ A paid Claude plan. Claude Code needs Pro ($20/mo), Max, Team, Enterprise, or a pay-as-you-go Console account. The free plan doesn't include it. Pro is plenty to start.
๐ป Any computer. Mac or Windows both work.
Step 1, make your Claude account ๐
Go to claude.ai, create an account, and upgrade to Pro ($20/month). That's the plan that unlocks Claude Code and Claude Cowork. Worth every dollar, and no, nobody's paying me to say that.
Step 2, get a code editor ๐
Download a free editor (called an IDE). VS Code is the most popular and works on Mac and Windows; Google's Antigravity is another free option. Either is fine. This is just the window Claude Code will live inside.
check the publisher
Step 3, install the official Claude extension ๐งฉ
- ๐งฑ Open your editor and click the Extensions icon in the left sidebar
- ๐ Search Claude
- โ
Install the official one, published by Anthropic (check the publisher name so you don't grab a copycat)
Prefer the terminal? You can also install Claude Code directly with one command: curl -fsSL https://claude.ai/install.sh | bash (Mac/Linux) or irm https://claude.ai/install.ps1 | iex in Windows PowerShell. The extension is the friendlier path for beginners.
Step 4, log in and you're live ๐
Click the Claude icon that now appears in your editor, log into your Claude account, and the chat panel opens. That's it, you have full Claude Code access and can start building anything you describe.
the step that matters
The part most people miss: give it your context ๐ง
The install is not where the power is. A fresh Claude Code starts every project knowing nothing about you, so it makes generic choices and you re-explain yourself constantly. The fix is a single file.
In your project folder, create a file called CLAUDE.md and write a few plain-English lines about who you are and how you work:
๐ง Save this as CLAUDE.md
# About me and this project
I run [your business / brand]. My audience is [who].
Voice: [how you like things written].
Rules: [e.g. no em dashes, always sentence case, use British spelling].
Tools I use: [e.g. Netlify to deploy, my brand colours are #...].
When in doubt, ask before making big changes.
Claude Code automatically reads CLAUDE.md at the start of every session, so from then on it already knows your brand, your rules, and your preferences, no re-explaining. Think of it as a tiny employee handbook. It's the difference between a tool you fight with and one that feels like it already gets you.
The recap ๐ฏ
- Pro account at claude.ai
- A free IDE (VS Code or Antigravity)
- The official Anthropic Claude extension
- Log in
- Add a
CLAUDE.md so it knows your context
ship something small
3 things to build this week ๐
The fastest way to actually learn this is to ship something small. Pick the one that matches where you're at:
- ๐ฑ Beginner: a one-page site you actually put online. "Build me a simple one-page site about me with my links and a photo, then help me deploy it free." You'll do the whole loop (build, see it, publish) in an afternoon, and end with a real URL you can share. That first "it's live on the internet" moment is the one that hooks you.
- ๐ฟ Intermediate: a script that kills a chore. Point Claude at a messy folder and say "write me a script that renames these photos by date" or "merge these CSVs and flag duplicates." You hand it the annoying task, it writes and runs the code, you keep the hours. This is where Claude Code stops being a toy and starts saving you time.
- ๐ณ Power user: a small app with a brain. "Build a little app that takes my saved links and sorts them by topic," or one that calls a free API (weather, currency, your own data). Add a CLAUDE.md so it knows your style, and you've built something with real logic, not just a page.
Whatever you pick, if it breaks, paste the error straight back and say "fix this and explain what went wrong." That loop solves almost everything.
three gears
Level up: beginner โ intermediate โ power user ๐
๐ฑ Beginner, the mindset shifts that matter most:
- ๐ฃ๏ธ Describe outcomes, not code. "Make the button bigger and move it to the top" works. You never need the technical words.
- ๐ The error loop is your superpower. Copy the whole error, paste it back, ask it to explain. You'll fix things you don't understand yet, and understand them by the third time.
- ๐งโ๐ซ Ask it to teach as it goes. "Explain what you just did in plain terms" turns every build into a lesson.
๐ฟ Intermediate, work cleaner and faster:
๐งน Type /clear between different tasks. A fresh context gives sharper answers and stops you paying to drag old conversation around. Make it a habit.
๐ธ Screenshot for design feedback. Drag an image into the chat and say "match this" or "here's what's broken, fix it." Claude Code can look and compare.
๐พ Commit checkpoints. After anything works, "commit this as a checkpoint." Then you can let it try bold changes and undo in one step if they flop.
๐ Ask for a plan first on big jobs. "Before you touch anything, tell me your plan in a paragraph." You catch wrong turns before they cost you.
๐ณ Power user, where the real leverage is:
๐งฉ Subagents. Have Claude spin up specialist helpers (one researches, one builds, one reviews) so work runs in parallel and each stays focused. Ask it to "create a reviewer subagent that checks your work before it reaches me."
๐ Connect your tools with MCP. Plug in Notion, your files, Google Drive, and more (Customize, then Connectors) so Claude Code can act across your actual stack, not just its own folder.
โก Save repeat workflows as skills. If you do the same kind of task twice, turn it into a reusable skill so it runs the same way every time, and share it with a team with one command.
๐ช Automate the boring guardrails with hooks. Run a formatter or a check automatically every time Claude edits a file, so quality is enforced without you asking.
You don't need any of the power-user layer to start. Set it up, build one small thing this week, and let the rest come as you go.
The links ๐
๐ค Claude: claude.ai (Pro plan unlocks Claude Code)
๐ VS Code: code.visualstudio.com ยท Antigravity: antigravity.google
๐ The docs: code.claude.com/docs
Follow
@cindiezhu for more AI tips every single day ๐ฑ