Claude Code - це CLI-агент який живе у твоїй терміналі. Не autocomplete у редакторі, а повноцінний пара-розробник: читає твій код, робить зміни, запускає тести, дебажить. Я використовую щодня замість Cursor і вважаю - для серйозних проєктів цей вибір кращий.
Тут - setup за 15 хвилин і юзкейси які ти повинен спробувати першими.
Setup
# Install (потрібен Node 18+)
npm install -g @anthropic-ai/claude-code
# Запуск у проєкті
cd ~/your-project
claudeПерший раз попросить API key - з console.anthropic.com. Підписка Pro/Max включає API кредити.
Створи .claude/settings.json для проєкту:
{
"permissions": {
"allow": ["Bash(npm:*)", "Bash(pnpm:*)", "Bash(git status)", "Bash(git log)"],
"deny": ["Bash(rm -rf:*)"]
},
"env": {
"EDITOR": "code"
}
}MCP-сервери які поставити одразу
MCP (Model Context Protocol) - спосіб давати Claude Code додаткові tools. Топ-10:
- github - interaction з PR/issues/repos
- filesystem - extended file operations
- postgres / sqlite - query БД напряму з чату
- playwright - automate browser для testing
- fetch - HTTP requests до API
- context7 - актуальна документація бібліотек
- slack - повідомлення в Slack
- linear - task management
- memory - persistent memory між сесіями
- sequential-thinking - для складних задач
Install через:
claude mcp add github --command "npx @modelcontextprotocol/server-github"Юзкейс 1: Refactor великого файлу
Подивись на src/components/CheckoutFlow.tsx. Він на 800 рядків.
Розбий на логічні підкомпоненти зберігаючи функціональність:
1. Знайди natural boundaries (UI sections, hooks, helpers)
2. Витягни кожну частину у окремий файл
3. Перевір що типи передаються правильно
4. Запусти tests після — переконайся що нічого не зламано
План спочатку, потім підтвердження від мене, потім виконання.Юзкейс 2: Debug складного бага
Я бачу що при логіні юзер іноді отримує session token але не залогінений
у UI. Stack: Next.js 15 + Lucia + cookies.
Знайди root cause:
1. Прочитай auth-related код
2. Знайди де відбувається mismatch між server і client state
3. Reproдьюся локально (інструкції які я виконаю)
4. Запропонуй fix з поясненнямЮзкейс 3: Setup нового проєкту
Я хочу запустити новий side-project: SaaS для [опис].
Stack: Next.js 15, Postgres, Stripe.
Створи:
1. Init проєкту з Tailwind, Drizzle, ESLint, Prettier
2. Структуру папок (app, components, lib, db, server)
3. Базові routes (landing, /app, /api/auth)
4. Setup Stripe з test mode
5. Docker compose для local Postgres
6. README з instructions
Не вкладай у все - тільки скелет. Деталі допишу сам.Юзкейс 4: Generate tests
Покрий unit-tests все що в src/lib/billing/. Vitest, AAA-стиль.
Для кожної функції:
- Happy path
- Edge cases (empty input, нульові значення)
- Error states (throws)
- Boundary conditions
Запусти tests після генерації — переконайся що проходять.Юзкейс 5: PR ревʼю
Я зробив гілку feature/new-checkout. Зроби PR review:
1. git diff main..HEAD — переглянь зміни
2. Знайди potential bugs (off-by-one, null handling, race conditions)
3. Security review (auth, input validation, secrets)
4. Performance issues
5. Code style consistency з рештою проєкту
Виведи у форматі GitHub comment'ів — буду копіювати в PR.Юзкейс 6: Migration / refactor (великий)
Я хочу мігрувати з Drizzle на Prisma. Зроби план:
1. Аналіз поточних schemas / queries
2. Mapping Drizzle → Prisma
3. Sequence migration (які файли в якому порядку)
4. Risk зон (де можуть бути runtime issues)
5. Testing strategy (як перевірити що нічого не зламалось)
План спочатку, виконання — крок за кроком з моїм підтвердженням.Юзкейс 7: Documentation
Згенеруй README.md для цього проєкту:
- Опис проєкту (1 параграф)
- Tech stack
- Setup instructions (з якого моменту нового developer'а почати)
- Project structure (tree з поясненнями)
- Available scripts
- Deployment
Стиль як у Vercel/Next.js README — професійно, без води.Юзкейс 8: Side-project automation
Я хочу запустити простий side-project: AI-боту для translation [конкретні мови].
Створи MVP за 1 годину:
- CLI tool який бере текст і повертає переклад
- Використовує Claude API з prompt caching
- Зберігає історію перекладів у sqlite
- Має basic config через env vars
Просто і робоче. Деталізую пізніше.Що далі
У повному PDF - детальні setup-чек-листи для 5 стек'ів (Next.js, Python, Go, Rust, mobile), 20+ готових prompt-патернів, гайд по MCP-серверах з прикладами використання. Завантажуй і прокачай свій dev-workflow.
