Как писать код с помощью нейросетей без навыков программирования
Чтобы написать код для продукта, сервиса или бота, необязательно уметь программировать. Это можно перепоручить нейросетям: они умеют писать код по текстовому описанию задачи. Достаточно объяснить, что должно получиться в результате и вместе с нейросетью все тестировать. Такой подход называют вайб-кодингом. В этом гайде разберем инструменты для вайб-кодинга и покажем, как с их помощью решать практические задачи: писать скрипты для таблиц, создавать сайты, запускать проекты с GitHub.
Что такое вайб-кодинг
Вайб-кодинг (от англ. vibe coding) — подход к созданию программ, при котором код пишет нейросеть, а человек описывает задачу обычным языком. Не нужно изучать синтаксис и писать строчки вручную — достаточно сформулировать, что должно получиться, и ИИ сгенерирует рабочий код.
Термин появился в феврале 2025 года. С тех пор вайб-кодинг стал популярным способом автоматизировать рутинные задачи без глубокого погружения в программирование. С его помощью можно создавать скрипты, прототипы сайтов, ботов и небольшие приложения.
Вайб-кодинг отличается от обычных запросов к ChatGPT. Специализированные IDE и агенты для вайб-кодинга понимают контекст всего проекта, умеют редактировать несколько файлов одновременно, запускать код и исправлять ошибки. Об этих инструментах пойдёт речь дальше.
- Вебинар
Основатель Нейроцеха
Нейросети для написания кода помогают с разными задачами: дописывают существующий код, ищут и исправляют ошибки, генерируют код с нуля по описанию.
И работает все просто: вы приносите в сервис задачу → объясняете, что хотите сделать → нейросеть работает.
При этом Все известные инструменты для вайб-кодинга — это оболочки для моделей ChatGPT, Claude, Gemini и DeepSeek. Условно их можно сравнить с GPT-ботами, которые заточены под решение 1 задачи. В нашем случае — работать с кодом.
Существует несколько популярных сервисов для AI-программирования: Cursor, Windsurf, Bolt, Lovable, v0. Вот краткий обзор, когда пригодится каждый из них:
- Cursor — десктопная IDE на базе VS Code. Понимает контекст проекта, умеет работать с большими кодовыми базами. Есть автодополнение, чат с нейросетью и агентный режим для выполнения сложных задач. Подписка Pro стоит $20 в месяц и включает $20 использования премиум-моделей. Есть бесплатный тариф с базовыми функциями.
- Windsurf — десктопная IDE, тоже построена на VS Code. Интерфейс проще, чем у Cursor, подписка дешевле — $15 в месяц. У Windsurf есть собственная модель SWE-1.5, которая работает быстро и не требует дополнительной оплаты. Подходит для тех, кто хочет начать с понятного интерфейса.
- Claude Code — инструмент от Anthropic для работы с кодом. Можно использовать через терминал или установить как расширение в Cursor, VS Code и другие редакторы на базе VS Code. Claude Code понимает структуру проекта целиком, может редактировать файлы, запускать команды, работать с Git. Требует подписки Claude Pro ($20/мес) или Max ($100–200/мес).
- Antigravity — агентная IDE от Google. Агент может одновременно писать код, запускать его в терминале и тестировать в браузере. Показывает план работы, делает скриншоты результатов, позволяет запускать несколько агентов параллельно. Сейчас доступен бесплатно в публичном превью с доступом к Gemini 3 Pro и Claude Sonnet 4.5.
- Bolt — браузерный сервис, не требует установки. Можно описать задачу и получить готовый проект, который сразу разворачивается на хостинге. Есть встроенная поддержка Supabase и Netlify. Удобен для быстрых прототипов и небольших проектов.
- Lovable — тоже работает в браузере. Похож на Bolt, но с акцентом на визуальное редактирование и обработку ошибок. Поддерживает Supabase, Stripe, Resend. Бесплатный тариф даёт 5 кредитов в день, платный — от $25 в месяц.
- v0 — сервис от Vercel для генерации UI-компонентов. Можно описать интерфейс текстом или загрузить скриншот и получить React-код. Подходит для создания отдельных экранов, форм, элементов интерфейса. Для полноценных приложений лучше использовать другие инструменты.
Все перечисленные инструменты работают на моделях от нескольких провайдеров: OpenAI, Anthropic, Google и других. От выбора модели зависит качество кода и скорость работы.
Для сложных задач с большой кодовой базой лучше подойдут топовые модели: Claude Opus 4.5 или GPT-5.2. Они точнее справляются с архитектурными решениями и реже ошибаются в длинных цепочках зависимостей, но работают медленнее и стоят дороже.
В этом гайде подробнее разберем Windsurf — у него понятный интерфейс, невысокая цена и достаточно возможностей для большинства задач.
У сервиса четыре тарифа: Free, Pro, Teams и Enterprise.
Бесплатный тариф даёт 25 prompt credits в месяц, безлимитное автодополнение кода и превью проектов. Этого хватит на несколько десятков запросов к нейросети. После исчерпания кредитов можно продолжать работу с моделями, которые не расходуют кредиты, — например, с собственной моделью Windsurf SWE-1.
При первой регистрации новые пользователи получают двухнедельный Pro Trial со 100 кредитами. Это позволяет протестировать все премиум-функции до покупки подписки.
Тариф Pro стоит $15 в месяц и включает 500 prompt credits, доступ ко всем премиум-моделям и возможность докупать кредиты по $10 за 250 штук. Для большинства задач этого достаточно.
Чтобы попробовать Windsurf, сервис нужно скачать и установить. Запустить и нажать Start fresh.
Затем нужно оставить редактор кода VS Code и зарегистрироваться в сервисе.
- Вебинар
руководитель TDI AI Creative Agency
После этого вы получите бонусные кредиты и сможете пользоваться сервисом.
На главной странице есть несколько рабочих зон:
- панель управления;
- боковое меню;
- центральное окно с кодом;
- раздел для общения с нейронкой.
Дополнительно снизу по центру можно запускать терминал для выполнения отдельных команд: запуска каких-то приложений, сервисов и т. д.
Панель управления интуитивно понятная. Там можно открыть файлы, отменить действие, запустить терминал, проверку кода и т. д.
Через боковое меню также можно открыть папки с кодом, проверить код, найти конкретные строчки кода. А также — клонировать репозиторий GitHub. Что это и зачем это нужно, разберемся позже.
По центру экрана будет отображаться код. Обычно сервис разбивает код на несколько отдельных кодов с разной информацией. Для каждого кода будет создаваться отдельная вкладка. Между вкладками можно переключаться.
Вкладки можно закрывать и менять местами.
Вы можете закрыть все вкладки сразу. Для этого нажмите на три точки справа сверху → Close All.
Снизу под кодом будет находится еще один экран, где будут отображаться возникшие проблемы, можно будет запустить дебагинг, терминал, подключиться через порт к локальным сервисам. Из этих функций новичкам вряд ли пригодится что-то кроме терминала для запуска проектов.
Иногда терминал придется останавливать и запускать заново (чтобы некоторые обновления вступали в силу). Обычно нейросеть сама пишет, что терминал нужно перезапустить. Чтобы это сделать, нужно кликнуть на иконки мусорки, а затем в панели управления выбрать Terminal → New Terminal.
В правом нижнем углу сервиса есть еще несколько дополнительных кнопок. Там можно открыть настройки, посмотреть, сколько запросов осталось на вашей подписке, загрузить гитхаб репозиторий и выбрать язык программирования. Есть и другие настройки, но новичку они вряд ли понадобятся и в документации сервиса нет понятного описания, для чего эти кнопки нужны.
В правой части сервиса можно общаться с нейронкой и объяснять, что вы хотите получить.
Там можно:
- описать задачу;
- выбрать режим общения;
- посмотреть историю чатов;
- выбрать модели нейросети;
- вызвать доп.функции и загрузить фото.
Режима общения два: Write и Chat. Режим Write позволяет нейронке создавать и вносить изменения в вашу кодовую базу. Режим чата оптимизирован для вопросов по вашей кодовой базе или общим принципам кодирования. То есть, он только отвечает на вопросы, на сам код не переписывает. Поэтому нам нужно использовать режим Write.
Модели нейросетей делятся на премиум и бесплатные. Бесплатные модели не расходуют кредиты, но справляются с задачами хуже. Премиум-модели тратят кредиты, зато дают более качественный результат.
В Windsurf доступны модели от разных провайдеров: GPT-5.2-Codex и GPT-4o от OpenAI, Gemini 3 Pro и Gemini 3 Flash от Google, Claude Opus 4.5 и Claude Sonnet 4.5 от Anthropic. Также есть собственные модели Windsurf — SWE-1.5 и SWE-1. Модель SWE-1.5 сейчас доступна бесплатно для всех пользователей и по качеству приближается к топовым моделям, при этом работает значительно быстрее. Для большинства задач её будет достаточно.
Дополнительных функций несколько: поиск в интернете, поиск по вашему коду, поиск по документам, файлам и папкам.
В случае с поиском в интернете вы можете прописать свой вопрос — нейросеть найдет информацию в интернете и на основе документации, чужих кодов и т. д. напишет свой.
В сервис также можно загружать фото. Например, скриншоты и просить нейросеть скопировать дизайн. Или просить ее вставить фотки в ваше приложение/сайт.
В предыдущих чатах отображаются все ваши переписки с нейронками. Там же сохраняется весь код, который они генерировали.
В окне для ввода запроса вы можете описывать свою задачу. Чтобы нейросеть хорошо вас понимала и с большей вероятностью писала рабочий код с первого раза, нужно строить запрос по принципам хорошего промпта. Об этом мы рассказывали в этом гайде:
Если кратко, то в промпте вы должны описать свою задачу и то, каким вы видите готовый продукт. А также описать примерный процесс работы кода.
Как использовать Windsurf новичку
Для генерации скриптов
Для первого примера я решил сгенерировать скрипт для гугл таблиц для анализа обратной связи от клиентов. Получился такой промпт:
Cделай автоматический анализ обратной связи клиентов с категоризацией проблем и уведомлениями о критических случаях (короче отзывы будут собираться в гугл-табличку, а нейронка будет их анализировать и говорить, есть ли какая-то проблема/какой тип проблемы и сигнализировать на почту). Задача в том, чтобы скрипт работал на основе ChatGPT и нейросеть сама анализировала суть отзыва — определяла, негативный он или нет. А дальше уже через скрипт идет сигнал на почту.
Примерный workflow: Сбор данных: Google Таблица получает новые отзывы. Триггер: Google Apps Script запускает скрипт анализа. Анализ текста: Скрипт читает отзывы из Google Sheets, анализирует текст и классифицирует проблемы. Определение критических случаев: Скрипт определяет, является ли отзыв критическим на основе заданных правил. Уведомления: Если отзыв критический, скрипт отправляет email уведомление.
Когда нейросеть получит промпт, начнет генерировать код. При этом она всегда будет у вас просить разрешение на создание папки и кода. Всегда соглашайтесь.
В целом, после отправки кода вы можете просто ждать, пока нейросеть напишет код и соглашаться со всеми предложениями.
Когда нейросеть допишет код, он отобразится в центральной части. Также файлы с кодом будут в чате. Чтобы открыть конкретный код, нажмите Open diff.
А в самом чате нейросеть распишет, как протестировать код.
Дальше с ней можно общаться как с обычным чат-ботом и задавать уточняющие вопросы.
Если вы хотите поправить код или его принцип работы, просто опишите это в запросе.
Нейросеть поправит код.
Также вы можете прислать скриншот/фото чего-то и попросить поправить код в соответствии с ним. Например, у меня не получалось текстом описать, как именно нейронке нужно поправить код, поэтому я прислал ей скриншот таблицы и дополнительный текст:
Мне нужно, чтобы скрипт работал в такой таблице. Клиенты оставляют только email, имя и отзыв, а дальше нейросеть сама анализирует отзывы и делает вывод и дальнейшие действия.
Нейросеть проанализировала скриншот и переписала код. В моем случае получилось написать рабочий код с первого раза. Вы можете посмотреть его в этом гайде:
Для генерации сайтов
Теперь протестируем сервис на другой задаче — попробуем сделать полноценный сайт. Чтобы начать новый чат, нужно кликнуть на знак плюса справа сверху или зажать Ctrl + Shift L.
На этот раз начнем с более простого промпта и получим простой сайт. А потом будем его улучшать и дорабатывать.
Сделай сайт, куда я смогу сохранять промпты для нейросетей. На выбор должно быть 3 папки для сохранения: маркетинг, копирайтинг, дизайн.
Готовый сайт можно сразу открыть и посмотреть, как он выглядит. Ссылку на сайт или другие продукты для проверки нейросеть обычно помещает в файл с названием Readme.
Чтобы посмотреть на сайт, нужно вставить ссылку в поисковую строку браузера.
У меня с первой попытки получился такой сайт: можно добавить промпт и выбрать категорию. Он отобразится в конкретной папке. Из папки промпт можно удалить. В общем, все работает.
Но мне не нравится дизайн сайта. Поэтому просим нейронку его улучшить простыми промптом:
Сделай более красивый UI в детской стилистике
Сразу же можно обновить сайт и посмотреть на новый дизайн. На этот раз получилось лучше. Бот добавил смайлики, цвета. Поменял шрифты.
Но функционал меня устраивает недостаточно, поэтому я отправляю следующий промпт:
Сделай так, чтобы таблички с промптами можно было сворачивать до трех строк по нажатию на стрелку в ячейке.
Сделай так, чтобы я мог давать название промпту и название было с другим форматированием
В итоге бот снова переписывает код и теперь все выглядит еще лучше.
В общем, буквально за 3 промпта у меня получилось сделать красивый и удобный сайт. И никаких проблем с кодом не возникло.
Важно. Если после правок код перестал работать и вы хотите вернуться к предыдущей версии, наведитесь на свое последнее сообщение и кликните на стрелочку назад — на зеленую галочку. Нейросеть вернет предыдущий код.
Если вы хотите добавить картинки на сайт, можете прислать их боту и попросить включить их в код.
Теперь давайте пойдем дальше и попросим нейросеть поменять стиль сайта по нашему скриншоту-референсу.
В качестве референса я взял сайт словаря Unisender. Мне интересно, сможет ли нейросеть внедрить сортировку по алфавиту, скопировать текст и шрифт.
Использовал такой промпт:
Скопируй UI с этого сайта, чтобы тоже была фильтрация по алфавиту по названиям промпта. А вместо категорий “общие термины”, “стратегия” и т. д. были “маркетинг”, “копирайтинг”, “дизайн”
https://www.unisender.com/ru/glossary/
В итоге получился практически такой же сайт. нейронка скопировала шрифт, добавила поиск и сортировку по алфавиту. Все функции работали.
В общем, думаю, принцип вы поняли: даем задачу → проверяем код → поправляем, если что-то не так. При чем поправлять можно не текстом, но текстом + скриншотом. Например, сделать скриншот всей страницы и описать нейросети, что конкретно не работает. Нейросеть увидит это на скриншоте и поправит код.
Когда код будет готов, вы сможете разместить его на сервере. Если не знаете как, можете спросить в этом же чате. Нейронка даст пошаговую инструкцию.
Для запуска чужих кодов и моделей нейросетей
Среди программистов популярен сервис GitHub — что-то вроде облачного хранилища, где программисты могут сохранять, редактировать и делиться своим кодом и проектами. Их проекты в свою очередь могут запускать и тестировать любые пользователи. Например, там часто публикуют дообученные модели нейросетей для разных задач: поиска и исследования тем, генерации конкретных фото и т. д. В общем, там очень много полезного контента.
Но все эти проекты нужно запускать локально на своем компьютере или сервере. Без навыков программирования это может быть сложно. Поэтому самый простой вариант — завести новый чат с нейронкой в WindSurf и прислать такой промпт:
запусти это для меня [ссылка на GitHub]
Дальше нейросеть сама будет выполнять нужные команды, вам придется просто подождать несколько минут.
Если с запуском будут какие-то проблемы, нейросеть объяснит, как их исправить.
Например, на моем компьютере не оказалось node.js, нужного для запуска кода. Нейросеть дала инструкцию по его установке и расписала, что делать дальше.
После установки node.js я перезапустил клонирование кода и установить все получилось.
После клонирования репозитория вы можете запустить его прямо в Windsurf, чтобы не открывать отдельный терминал. В этом же терминале можно выполнять команды, которые предлагает нейронка.
Если в момент запуска что-то не работает или появляется ошибка — просто скопируйте описание проблемы и покажите нейронке. Та сама найдет причину и все поправит.
И это — только 3 варианта того, как можно использовать подобные AI-сервисы. Вы можете также писать коды для telegram-ботов, работать с UI и др. Главное — формулировать понятные промпты, повторять советы нейронки и четко описывать проблемы, если они появляются.
Читайте также:
- Кейс
- Кейс