Стартер-пак Claude Code: установка, команды, скиллы и бесплатные провайдеры
Я показал в роликах две вещи: как запустить Claude Code бесплатно через сторонние модели, и как собрать сайт одной командой на Framer Motion + 21st.dev. Здесь — всё в одном месте: установка, базовые команды, ключевые скиллы и честный разбор бесплатных провайдеров. Бери и стартуй за вечер.
Установка Claude Code за 5 минут
Claude Code — это ИИ-агент, который живёт прямо в терминале и работает с твоими файлами: читает, пишет, запускает команды, правит код. Нужен Node.js. Дальше — одна команда.
# установка (нужен Node.js 18+) npm install -g @anthropic-ai/claude-code # запуск в папке проекта cd my-project claude
При первом запуске он попросит войти. Дальше работаешь голосом задач: пишешь, что нужно — он делает. Самый дешёвый честный путь — официальная подписка (Pro/Max). Но в ролике речь про бесплатный обход через сторонние модели — об этом ниже, в разделе 03.
Базовые команды, без которых никуда
В Claude Code команды начинаются со слэша. Вот тот минимум, который реально используешь каждый день.
| Команда | Что делает |
|---|---|
| /clear | чистит контекст — начать новую сессию «с чистого листа» |
| /init | создаёт CLAUDE.md — файл памяти/правил проекта |
| /mcp | подключение MCP-серверов (внешние инструменты) |
| /model | переключить модель (Opus / Sonnet и т.д.) |
| /review | ревью изменений перед коммитом |
| Esc | прервать агента на полпути |
| Shift+Tab | переключение режимов (план / авто-правки) |
Чем дольше сессия, тем «тупее» агент — он тащит за собой старый мусор. Привычка /clear перед новой задачей экономит и качество, и токены. Как делать это правильно (через файл хенд-офф) — отдельная большая тема.
Бесплатные провайдеры: как в ролике — и где подвох
В ролике речь про опенсорс-обёртку с GitHub, которая подменяет бэкенд Claude Code на бесплатные модели сторонних провайдеров. Это рабочая схема, но важно понимать честно: это не сам Claude от Anthropic, а Claude Code как интерфейс поверх других моделей (DeepSeek, GLM, Llama и т.п.). Качество кода будет уровня этих моделей, а не топового Claude.
Берёшь прокси-репозиторий с GitHub
Это «переходник», который ловит запросы Claude Code и шлёт их в другой API. Современные форки поддерживают сразу несколько бэкендов (NVIDIA NIM, OpenRouter, локальные модели и др.).
Запускаешь пару команд для настройки
Поднимаешь локальный прокси и указываешь Claude Code ходить через него.
Выбираешь бесплатного провайдера
NVIDIA NIM даёт бесплатный доступ к десяткам моделей (нужна регистрация в Developer Program и подтверждение телефона, без карты). OpenRouter держит набор бесплатных моделей с лимитами. Через них доступны DeepSeek, GLM и др.
| Провайдер | Что даёт | Нюанс |
|---|---|---|
| NVIDIA NIM | десятки моделей бесплатно, OpenAI-совместимый API | регистрация + подтверждение телефона, стартовые кредиты |
| OpenRouter | агрегатор, есть бесплатные модели (DeepSeek, GLM, Llama) | лимиты по частоте на free-моделях |
| Локально (Ollama / LM Studio) | модель на своём железе, без интернета | нужна мощная видеокарта |
Сторонние прокси с GitHub — на твой страх. Не вставляй туда боевые ключи и приватный код вслепую, смотри, что внутри. «Бесплатно навсегда» = бесплатные чужие модели, и качество/лимиты зависят от них. Для серьёзной работы официальная подписка Claude всё равно сильнее. Бесплатный путь — идеален, чтобы попробовать без затрат и решить, нужно ли платить.
Скиллы и MCP: как прокачать агента
Из коробки Claude Code умеет много, но настоящая сила — в скиллах (готовых наборах инструкций под задачу) и MCP-серверах (подключение внешних инструментов: браузер, базы, дизайн-генераторы). Это превращает агента из «кодера» в специалиста.
| Что подключить | Зачем |
|---|---|
| 21st.dev / Magic MCP | генерация UI-компонентов по описанию (React + Tailwind + Framer Motion) |
| Playwright MCP | управление браузером: тесты, скриншоты, проверка сайта |
| скиллы docx/pdf/pptx/xlsx | генерация документов и презентаций |
| CLAUDE.md | файл правил проекта — агент читает его перед каждой задачей |
Не подключай всё сразу. Возьми один MCP под текущую задачу (например, 21st.dev для интерфейсов) — и почувствуешь разницу. Скиллы добавляются по мере того, как упираешься в потолок.
Сайт одной командой: Framer Motion + 21st.dev
Вторая часть ролика — как Claude Code собирает «сайт за десятки тысяч долларов» практически одной командой. Магии нет: это связка анимаций (Framer Motion) + генератора UI (21st.dev Magic MCP) + дизайн-вкуса Claude. Вот пошагово.
# 1. поставить Claude Code и зайти в проект npm install -g @anthropic-ai/claude-code cd my-site && claude # 2. добавить генератор UI (Magic MCP от 21st.dev) claude mcp add magic --scope user --env API_KEY="твой-ключ" # 3. внутри Claude Code — анимации и генерация # попроси поставить framer-motion и собрать секции /ui лендинг для SaaS, тёмная тема, плавные анимации
Ставишь Claude Code
Одной командой через npm, заходишь в папку проекта.
Подключаешь Framer Motion
Библиотека анимаций — просишь агента её поставить и использовать для движения секций.
Добавляешь 21st.dev (Magic MCP)
По команде /ui он открывает варианты компонентов, ты выбираешь — и они пишутся в проект как готовый React-код.
Одна команда — готовый блок
Описываешь словами, что за секция нужна, — получаешь оформленный анимированный блок. Собираешь сайт из таких блоков за вечер.
«Сайт одной командой» — это маркетинговая формулировка: на деле это несколько команд и пара итераций. Но скорость реально другая: то, что раньше занимало неделю, собирается за вечер. Финальную вёрстку и тексты всё равно стоит причесать руками.
Грабли новичка в Claude Code
- Раздутая сессия. Чем длиннее диалог, тем хуже ответы. Чисти /clear между задачами.
- Нет файла правил. Без CLAUDE.md агент не знает твой стиль и запреты. Сделай /init.
- Слепое доверие коду. Агент уверенно ошибается. Просматривай /review перед коммитом.
- Бесплатно ≠ топово. На бесплатных моделях качество ниже. Это для проб, не для прода.
- Всё сразу. Не вешай 10 MCP и 20 скиллов в первый день — утонешь. По одному под задачу.
Чек-лист старта
- Поставил Node.js и Claude Code одной командой через npm.
- Запустил claude в папке проекта и вошёл.
- Знаю базовые команды: /clear, /init, /model, /review.
- Если нет подписки — попробовал бесплатный путь через NVIDIA NIM / OpenRouter (понимая, что это чужие модели).
- Создал CLAUDE.md через /init и вписал свой стиль/правила.
- Подключил один MCP под задачу (например, 21st.dev для интерфейсов).
- Собрал первый блок сайта связкой Framer Motion + 21st.dev.
- Просматриваю изменения перед коммитом, не доверяю вслепую.
Claude Code — это не «ещё один чат», а агент, который реально делает работу в твоём проекте. Старт бесплатный, чтобы попробовать; команды и скиллы — чтобы из помощника собрать инструмент под себя. Этот список — твоя точка входа.
Собирай свой стек
Я разбираю Claude Code и AI-инструменты человеческим языком — без хайпа, на реальных кейсах: что реально работает, где маркетинг, и как не наступить на грабли. Бери стартер-пак, ставь себе и пиши, если что-то не пошло.
Источники (проверено в июне 2026)
| Что | Источник |
|---|---|
| Бесплатный прокси для Claude Code (NVIDIA NIM / OpenRouter / локально) | free-claude-code (GitHub) |
| NVIDIA NIM — бесплатный API, десятки моделей | NVIDIA Build (NIM) |
| OpenRouter — агрегатор с бесплатными моделями | OpenRouter |
| 21st.dev Magic — генерация UI-компонентов | 21st.dev |