Як працювати з Claude Code безкоштовно. Покрокова інстркція.
Багато людей чули магію Claude Code але по якійсь причині боялись доторкнутись до неї, чи було просто лінь заморочуватись з цим процесом реєстрації або постійною нестачею токенів. Так зараз ми покажемо як працювати з Claude Code.
Що таке Claude Code?
І так важливо розуміти що Claude Code - це просто Node js пакет, це не щось що розміщене на серверах Anthropic, це не десктопна на програма, це просто Node js пакет, а це означає що в нього відкритий код (можливо не на всі 100%, можливо є щось скомпільоване, но це не важливо) і відповідно він лежить на GitHub з якого його можна викачати і навіть вносити зміни, проте це не буде потрібно, бо Claude Code не забороняє переходити на другі моделі.
Приступаємо до встановлення
На нашій машині відповідно вже має бути встановлені: Node js, VS Code. Далі в пустій зборці встановлюємо Claude Code:
npm i @anthropic-ai/claude-code
І далі утиліту:
npm i @musistudio/claude-code-router
Вона займається проксуванням запитів до Claude Code.
Тепер створимо просту папку у якій вже почне працювати з Claude Code, закидуємо її в VS Code, де в терміналі вже можна ввести команду -
claude
В даному прикладі це користувач з обмеженими правами Windows, тому ми будемо запускати через пряму команду:
npx @anthropic-ai/claude-code
І все, Claude Code підключився:
Якщо це самий перший запуск можливо Claude Code у вас буде запитувати наприклад: вибір теми, авторизація. Або замість вікна вводу, просто весь час показувати вікно авторизації, яке не можливо обійти. Тому щоб він думав що ми залогінені потрібно створити в нашому проекті (або на рівні користувача Windows) папку .claude і в ній файл settings.local.json. І тут хоча б спочатку щоб він не приставав з екраном авторизації розмістити даний рядок:
{
"hasCompletedOnboarding": true
}
І тепер ми вже не будемо отримувати нав'язливе вікно авторизації, з вибором трьох пунктів щоб залогінетись. Но Claude Code прекрасно бачить що ми не залогінені і для цього потрібно задати фейковий токен - авторизаційний і перевести за допомогою проксі на інший ресурс. Робиться це додатковими налаштуваннями в нашому файлі settings.local.json:
"env": {
"ANTHROPIC_BASE_URL": "http://127.0.0.1:3456",
"ANTHROPIC_AUTH_TOKEN": "RandomShit"
}
Значить, токен тут пишемо любий набір символів, а адрес - може бути весь час різним: наприклад, є різні сайти, типу open router (популярне рішення), який дозволяє в даному ANTHROPIC_BASE_URL вказати адрес своєї API, де запити від Claude Code будуть перероблятись в потрібний формат і віддаватись цій моделі. Але в нас ідея заключається в тому щоб підняти локальний проксі сервер, тобто наш ANTHROPIC_BASE_URL буде відводити запити на цей адрес. Ввівши /status ми бачимо наш локальний адрес.
Заміна базового адресу
І тут виникає думка: чому Anthropic там зробили? Чому вони дозволяють міняти базовий адрес, якщо вони продають свій продукт? Діло в тому що всім великим компаніям важливо не відправляти свій код нікуди і в середині локальної мережі піднімати дані моделі. І ми якраз цією фішкою і користуємось: на http://127.0.0.1:3456 піднімаємо проксі, який буде передавати запити до другої моделі, за допомогою нашого другого пакету
npx @musistudio/claude-code-router start
Після чого він створить файл налаштувань в папці користувача Windows: ../.cloude-code-router/config.json. Тут ми вставляємо налаштування на безкоштовну модель Gemi:
{
"LOG": true,
"LOG_LEVEL": "info",
"HOST": "127.0.0.1",
"PORT": 3456,
"API_TIMEOUT_MS": 600000,
"Providers": [
{
"name": "gemini",
"api_base_url": "https://generativelanguage.googleapis.com/v1beta/models/",
"api_key": "YOUR_GEMINI_API_KEY",
"models": ["gemini-2.5-flash", "gemini-2.5-flash-lite"],
"transformer": {
"use": ["gemini"]
}
}
],
"Router": {
"default": "gemini,gemini-2.5-flash",
"background": "gemini,gemini-2.5-flash-lite",
"think": "gemini,gemini-2.5-flash",
"longContext": "gemini,gemini-2.5-flash",
"longContextThreshold": 60000
}
}
LOG: true - це щоб бачити які промпти він відправляє, HOST, PORT, TIMEOUT - зрозуміло, Providers - тут якраз пишемо список моделей до яких будемо звертатись, Router - пише що всі задачі ми перенаправляємо на ці моделі.
Gemini Flash - не сама розумніша модель, тому тут можна підключити любу, вставивши силку на її API з доків до неї і ключ api_key.
Знову запускаємо роутер:
npx @musistudio/claude-code-router start
І якщо все добре то в браузері на даному локальному хості 127.0.0.1:3456 відобразиться Hello World! Проксі сервер працює і тепер можна запустити сам Claude Code:
npx @anthropic-ai/claude-code
Ми часто використовуємо даний спосіб для розробки простого функціоналу інтернет-магазинів чи лендінгів.