claude in your project folder, and sign in with a paid Claude plan (Pro is 17/month billed yearly). Or skip the setup: Vibecode runs Claude Code for you in a cloud sandbox, so you can build native iPhone, Android, and web apps from your browser or phone without a terminal or a Claude subscription.
Claude Code at a Glance
Is Claude Code Free?
No. The free Claude.ai plan doesn’t include Claude Code. You need one of these:How to Install Claude Code
Open a terminal and run the command for your system:(Claude Code). If your shell says claude isn’t found, the install folder isn’t on your PATH yet. The native installer puts claude in ~/.local/bin (on Windows, %USERPROFILE%\.local\bin). On macOS, add it to your PATH with:
~/.bashrc in place of ~/.zshrc. For Windows and other shells, see Anthropic’s PATH fix.
Install Claude Code on Windows
You can run Claude Code natively on Windows or inside WSL:- Open PowerShell (your prompt starts with
PS C:\) and runirm https://claude.ai/install.ps1 | iex. You don’t need to run it as Administrator. - Optional but recommended: install Git for Windows. With it, Claude Code uses Git Bash for shell commands. Without it, Claude Code uses PowerShell.
- Open a new terminal and run
claude.
'irm' is not recognized, you’re in CMD, not PowerShell. Use the Windows CMD command above.
How to Use Claude Code
- Open a terminal in your project folder:
cd path/to/your-project - Start it: type
claudeand press Enter - Sign in: the first time, it opens your browser to log in with your Claude or Console account
- Ask in plain English: for example,
what does this project do?oradd a dark mode toggle to the settings screen - Approve changes: Claude Code shows each edit or command and asks before running it (press
Shift+Tabto change how much it can do without asking) - Keep going: describe the next change, or say
commit my changes with a descriptive message
How to Use Claude Code in VS Code
- In VS Code (version 1.94 or later), open the Extensions view with
Cmd+Shift+X(Mac) orCtrl+Shift+X(Windows/Linux) - Search for Claude Code (published by Anthropic) and click Install
- Open a file, then click the Spark icon in the top-right of the editor to open the Claude Code panel
- Click Sign in and finish logging in in your browser
- Type your request in the panel. Claude sees the text you have selected, and shows its changes as diffs you can accept or reject.
How to Vibe Code an App with Claude Code
“Vibe coding” means building by describing what you want and judging the result, instead of writing the code yourself (more in What is vibe coding?). Claude Code is good at it, but on your own computer you also need everything around the code:How Vibecode Runs Claude Code for You
Every Vibecode project gets its own cloud sandbox, and Claude Code is the agent that works in it. When you send a prompt:- Claude Code plans the change and writes the code: Swift and SwiftUI for an iOS app, React Native and Expo for a Mobile app (iOS and Android), or a web app
- It adds what the app needs, such as a database and login, image generation, sound, and haptics
- It opens your app, taps or clicks through what it changed, and fixes what it finds (agent testing)
- You see the result in the live preview and keep chatting to change it
Best Practices for Using Claude Code
These work in your terminal and in Vibecode:- Plan before building. Ask for a plan first (“plan how you’d add a checkout flow, don’t write code yet”), review it, then say “go”. This catches wrong assumptions before they cost you time and credits.
- Be specific. “Fix the login bug where users see a blank screen after a wrong password” beats “fix the bug”. Name the screen, the action, and what should happen.
- Give it lasting context. Put your conventions and decisions in
CLAUDE.md(run/initto start one) so you don’t repeat them every session. - Clear context between tasks. Use
/clear(or start a new chat in Vibecode) when you switch to an unrelated task. Long, mixed conversations produce worse results. - Show, don’t just tell. Attach screenshots or design mockups, and point to the exact files or screens you mean.
- One feature at a time. Build the core, check it works, then add the next thing.
Frequently Asked Questions
Is Claude Code free?
Is Claude Code free?
How much does Claude Code cost?
How much does Claude Code cost?
How do I install Claude Code?
How do I install Claude Code?
curl -fsSL https://claude.ai/install.sh | bash. On Windows PowerShell run irm https://claude.ai/install.ps1 | iex. Then open a new terminal, run claude --version to check it, and run claude in your project folder to start.Can I use Claude Code on Windows?
Can I use Claude Code on Windows?
Does Claude Code work in VS Code and Cursor?
Does Claude Code work in VS Code and Cursor?
What's the difference between Claude and Claude Code?
What's the difference between Claude and Claude Code?
Do I need to know how to code to use Claude Code?
Do I need to know how to code to use Claude Code?
Can Claude Code build iPhone apps?
Can Claude Code build iPhone apps?
Do I need a Claude subscription to use Claude Code in Vibecode?
Do I need a Claude subscription to use Claude Code in Vibecode?
Which model does Vibecode use?
Which model does Vibecode use?
