🎯 О чём этот конспект: Подробный разбор 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-серверов для установки:

1. Context.7: Обязательный сервер. Позволяет AI подтягивать самую свежую документацию перед написанием кода.
2. Hyperbrowser: Дает агенту возможность скрейпить данные с любых сайтов (например, достать актуальные котировки или цитаты для контента).
3. 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