Claude Code for Developers

You write code. You have opinions about architecture, testing, and deployment. You've been watching people hype "vibe coding" and wondering whether it's real or just people who can't program pretending they can.

It's real. But the shift isn't technical — it's psychological.


The mental shift

You're used to this loop:

Think → Plan → Write code → Debug → Test → Ship

Vibe coding replaces the middle:

Think → Describe → Review → Refine → Ship

You stop being the typist and start being the architect. The hard part isn't learning new syntax — it's letting go of the keyboard.

The specification trap: Your instinct will be to write detailed specs. "Create a React component with TypeScript, use Tailwind, implement the following interface..." Stop. That's over-specification, and it produces worse results than simply describing what you want.

Instead of:

Create a function that takes an array of objects with
name (string) and age (number) properties and returns
only those where age > 18, sorted by name ascending

Try:

Filter and sort a user list — adults only, alphabetical

Claude knows what filtering and sorting look like. Your job is intent, not implementation.


Setup

You probably have most of this already:

# Claude Code
npm install -g @anthropic-ai/claude-code

# GitHub CLI (if you don't have it)
brew install gh
gh auth login

# Vercel for deployment
npm install -g vercel
vercel login

Your first CLAUDE.md

This is the game-changer. Create ~/.claude/CLAUDE.md with your preferences:

# Preferences

## Style
- TypeScript, strict mode
- Prefer functional components with hooks
- Tailwind for styling
- Use async/await, never raw promises
- Tests with vitest

## Workflow
- Deploy to Vercel with `vercel --prod`
- Commit after completing work
- Run `npx tsc --noEmit` before deploying

## Conventions
- My GitHub: YOUR_USERNAME
- Preferred stack: Next.js + Tailwind + Vercel

Claude reads this automatically. It's like pair programming with someone who actually read your style guide.

Every project can also have its own CLAUDE.md at the root — project-specific conventions, build commands, deployment targets.


Your existing workflow stays

This isn't a replacement for your development environment. It's an addition:

  • Git still works the same. Claude creates commits, branches, PRs through gh.
  • Tests still run. Tell Claude your test command and it'll run them.
  • CI/CD doesn't change. Vercel, GitHub Actions, whatever you use.
  • Code review is still your job. Claude writes, you review.

The difference is speed. What used to take a morning takes 20 minutes.


The trust gradient

Don't go from 0 to 100. Build trust incrementally:

Level 1: Scaffolding

Let Claude generate boilerplate while you write the logic.

Scaffold a Next.js API route for user authentication
with email/password — I'll fill in the auth logic

Level 2: Implementation

Give Claude a task and review the result.

Add pagination to the /api/users endpoint.
Use cursor-based pagination. Include tests.

Level 3: Delegation

Hand over entire features. Review the PR, not each line.

Build the full settings page — user profile, email
preferences, password change, account deletion.
Match the existing design patterns in src/components.

Level 4: Autonomous

Claude works on issues, creates PRs, runs tests. You review and merge.

Work through the open issues labeled 'good-first-issue'

Most developers get comfortable at Level 2-3 within a week. Level 4 takes longer — not because Claude can't do it, but because you need to trust the output.

!Secrets management

Never put API keys in .env files that Claude can read. Use environment variables in your shell profile, or use a tool like secret-lover that stores secrets in the macOS Keychain. Claude can use $ENV_VARS without seeing the values.


Things that will surprise you

It reads your codebase. Claude Code scans your project files to understand patterns, naming conventions, and architecture. It doesn't just generate generic code — it matches your style.

Terse prompts work. Once Claude has context, you can say "push it", "darker", "add tests", "mobile". Single words carry intent when the context is shared.

It makes mistakes. Good ones, usually — reasonable choices that aren't quite what you wanted. The fix is to be specific about what's wrong, not to write more detailed prompts upfront.

You'll write less code and think more. The ratio shifts. You spend more time on architecture, user experience, and "does this actually solve the problem?" and less time on implementation.

>Try it now

Open a project you're working on. Start Claude Code in that directory. Give it a task you'd normally spend 30 minutes on. See what happens. You'll know within one session whether this is real.

+

Record what you built

Saved locally in your browser.