Kodika AI: Полный гид по российской IDE для вайбкодинга и разработки через AI-агентов
Пошаговое руководство по Kodika AI: настройка моделей Gemini и GLM, использование MCP-серверов, создание Next.js проектов и правила эффективного промптинга.
🎯 О чём этот конспект: Подробный разбор IDE Kodika (форк VS Code) — мощной альтернативы Cursor, адаптированной для российского рынка. В видео рассматриваются режимы работы (План, Выполнение, Спрос), использование китайских и глобальных LLM, настройка MCP-серверов и создание сложных Next.js приложений с нуля по спецификации.
👤 Кому будет полезно: Вайбкодерам, разработчикам любого уровня и продакт-менеджерам, которые хотят делегировать написание кода нейросетям, сохраняя полный контроль над архитектурой проекта.
✨ Что получите: Пошаговый алгоритм настройки Kodika, готовые промпты для генерации приложений, методику работы с правилами (Rules) и понимание того, как использовать MCP для расширения возможностей AI-агента.
1. Знакомство с Kodika: Интерфейс и базовые возможности
Контекст: Kodika — это интегрированная среда разработки, базирующаяся на VS Code, что позволяет использовать все привычные расширения. Главное отличие — глубокая интеграция AI-агента, который может не только писать код, но и самостоятельно создавать структуру файлов, устанавливать зависимости и анализировать проект. В отличие от браузерных чатов, Kodika видит весь контекст вашего кода и может оперировать файловой системой напрямую. Это идеальный старт для тех, кто хочет перейти от копипаста из ChatGPT к профессиональной разработке.
Выгода: Сокращение времени на рутинную настройку проекта и возможность создавать рабочие прототипы (например, игру Сапёр) за 30 секунд одним промптом.
Как применить:
Шаг 1: Установка и первый запуск — Скачайте Kodika, откройте пустую папку и нажмите на логотип в правом верхнем углу для вызова AI-панели.
Шаг 2: Базовая генерация — Введите простой запрос на человеческом языке.
Шаг 3: Запуск результата — Используйте расширение Open in browser для мгновенной проверки результата.
Пример промпта для старта:
Напиши мне игру Сапер на HTML, CSS и JavaScript. Сделай красивый современный дизайн и добавь кнопку перезапуска со смайликом.
Результат: Полностью функциональное веб-приложение, созданное без написания единой строки кода вручную.
2. Три режима работы AI-агента
Контекст: Эффективная работа с AI требует понимания того, в какой роли сейчас выступает нейросеть. В Kodika реализовано три ключевых режима, которые предотвращают ошибки и экономят токены. Режим "Спросить" идеален для обучения и код-ревью, "План" — для проектирования архитектуры без написания кода, а "Выполнить" — для непосредственного внесения изменений в файлы. Правильное переключение между ними — залог чистого кода.
Выгода: Исключение случайных правок в коде при простых вопросах и возможность согласовать архитектуру до того, как AI начнет генерировать сотни строк кода.
Как применить:
Шаг 1: Режим «Спросить» (Ask) — Используйте для объяснения сложных участков кода. Выделите код и спросите: Что делает эта функция?. AI не будет менять файлы.
Шаг 2: Режим «План» (Plan) — Перед созданием фичи опишите задачу. AI составит To-Do лист и список библиотек. Вы можете отредактировать план до начала кодинга.
Шаг 3: Режим «Выполнить» (Execute) — После утверждения плана переключитесь в этот режим. AI начнет создавать файлы и устанавливать зависимости (например, через npm install).
Результат: Контролируемый процесс разработки, где вы выступаете в роли архитектора-валидатора.
3. Выбор моделей: Google Gemini, DeepSeek и китайские LLM
Контекст: Kodika предоставляет доступ к уникальному набору моделей, включая мощные китайские нейросети (GLM, Qwen), которые зачастую дешевле и эффективнее западных аналогов в задачах кодинга. Каждая модель имеет свою специализацию: Gemini 3 Pro хороша для длинного контекста и рассуждений, GLM 4.7 — отличный аналог Claude Opus по качеству кода, а Qwen (Plus/Max) идеально подходит для быстрых утилитарных правок.
Выгода: Возможность подбирать инструмент под бюджет и сложность задачи (экономия на токенах без потери качества).
Справочник моделей в Kodika:
Gemini 3 Pro Preview: Огромный контекст, глубокие рассуждения, планирование.
GLM 4.7 (Zhipu AI): Топовое качество кода, сопоставимое с Claude 3.5 Sonnet/Opus.
DeepSeek V3: Оптимальный баланс цены и качества для написания логики.
Qwen 2.5 / Turbo: Очень быстрые ответы, подходит для мелких правок и CSS.
Результат: Гибкость в выборе "мозгов" для вашего проекта в зависимости от текущей задачи.
4. Использование правил (Rules) для стандартизации кода
Контекст: Чтобы AI не "галлюцинировал" и придерживался вашего стиля, в Kodika существуют файлы правил (.md). Есть глобальные правила (действуют на все проекты) и локальные (только для текущей рабочей области). Это позволяет, например, заставить AI всегда писать документацию, использовать только TypeScript или отвечать строго на русском языке.
Выгода: Стабильное качество кода во всех проектах и автоматизация ведения логов изменений.
Как применить:
Шаг 1: Глобальные правила — Нажмите "Правила кодик" -> "Глобальные". Добавьте инструкции по стилю кода.
Шаг 2: Локальные правила — Создайте файл для конкретного стека (например, Next.js).
Пример правила для ведения лога изменений (changes.md):
# Rule: Changes LoggerПосле каждого успешного выполнения задачи в режиме "Выполнить", обязательно записывай краткое содержание изменений в файл `file_changes.md`в корне проекта. Указывай дату, измененные файлы и суть правки.
Результат: AI автоматически документирует свою работу, облегчая вам контроль проекта.
5. Расширение возможностей через MCP (Model Context Protocol)
Контекст: MCP — это технология, превращающая AI из текстового генератора в полноценного агента, умеющего ходить в интернет, читать актуальную документацию или работать с базами данных. В Kodika встроен маркетплейс MCP-серверов, что упрощает их установку до одного клика. Это решает проблему "устаревших знаний" нейросетей (например, знание о Next.js 15, который вышел после обучения модели).
Выгода: AI получает доступ к реальным данным из сети и внешним инструментам (Redis, браузер, документация).
Топ MCP-серверов для установки:
Context.7: Обязательный сервер. Позволяет AI подтягивать самую свежую документацию перед написанием кода.
Hyperbrowser: Дает агенту возможность скрейпить данные с любых сайтов (например, достать актуальные котировки или цитаты для контента).
Redis: Позволяет AI сохранять долгосрочную память о ваших предпочтениях вне контекстного окна.
Результат: AI-агент, который всегда использует актуальные версии библиотек и может работать с внешними API.
6. Продвинутый вайбкодинг: Работа по спецификации (Spec)
Контекст: Для создания сложных приложений (SaaS, CRM) недостаточно одного короткого промпта. Лучшая практика — создание файла спецификации (spec.md или PRD.md), где описаны все требования, роутинг, структура БД и UI-кит. Kodika умеет читать такие файлы и реализовывать проект поэтапно, следуя заданному плану.
Выгода: Создание масштабируемых приложений с продуманной архитектурой, а не набора разрозненных файлов.
Алгоритм реализации сложного проекта:
Шаг 1: Инициализация — Создайте базу проекта вручную (например, npx create-next-app@latest).
Шаг 2: Спецификация — Создайте файл spec.md. Используйте AI, чтобы он помог вам составить подробное описание (Product Overview, Tech Stack, UI Requirements).
Шаг 3: Контекстный запрос — Дайте AI команду:
Изучи файл spec.md. Если всё понятно, предложи план реализации первой итерации (настройка структуры и базовых компонентов). Не пиши код, пока я не утвержу план.
Шаг 4: Итеративная разработка — Реализуйте фичи по одной, создавая новое окно чата для каждой крупной задачи.
Результат: Профессиональное приложение на Next.js 15 / React 19, созданное по всем канонам современной разработки.
FAQ
В: Чем Kodika лучше Cursor?
О: Kodika предлагает доступ к мощным китайским моделям (GLM, Qwen), которые часто лучше справляются с кодом. Также она имеет встроенный маркетплейс MCP-серверов, более удобную систему управления правилами и полностью адаптирована для работы из РФ (оплата российскими картами, защита данных).
В: Что делать, если AI начинает ошибаться в большом проекте?
О: Главное правило — "Новая задача = Новое окно". Не копите историю в одном чате, так как контекст забивается и AI начинает путаться. Также используйте скриншоты ошибок или интерфейса — Kodika отлично распознает изображения и понимает, что нужно исправить.
В: Как подключить свои ключи API к Kodika?
О: В настройках (Settings) есть раздел для управления моделями и ключами. Вы можете использовать как встроенные лимиты Kodika, так и подключать свои API ключи от Google (Gemini), Anthropic или провайдеров китайских моделей.
В: Можно ли использовать Kodika для Python или мобильной разработки?
О: Да, так как это форк VS Code, вы можете устанавливать любые расширения (Python, Flutter, React Native). AI-агент Kodika универсален и поддерживает любые языки программирования, на которых обучались базовые LLM.
В: Как заставить AI использовать конкретную версию библиотеки, например Next.js 15?
О: Используйте MCP-сервер Context.7 или пропишите жесткое требование в локальном правиле проекта (.kodika/rules/tech-stack.md), указав: "Всегда используй Next.js 15 App Router и React 19".
Конспект создан на основе видео «Kodika AI: Полный обзор и гайд по вайбкодингу» канала [VibeCoderz / Артем Исламов]. Все права на оригинальный материал принадлежат авторам.Источник: https://youtu.be/lwt2rU7IFwQ