May 4

Теперь ты можешь ВСЁ! Вникаем в вайбкодинг в 2026 году. Часть 1

Статья подготовлена @ProstoXleb для канала Чёрный Одуванчик
Лучший канал по крипте, ИИ и КС в мире

С появлением ИИ наша жизнь изменилась до такой степени, что теперь нет никаких отговорок формата "я не умею" или "у меня нет времени на изучение".

Осталось только "мне лень тратить время". Ведь теперь время - ваш главный ресурс, который вы можете тратить абсолютно на ВСЁ.

И речь уже не о годах в университетах, на курсах и самостоятельных изучениях. Речь о пути от идеи до полноценного проекта ЗА НЕДЕЛЮ.

Начать изучать ИИ сейчас - это как вкатиться в крипту до хайпа. Успеете набить шишки и опыт = быстрее других достигнете результат и когда начнётся настоящий "надув пузыря" - снимете все сливки.

Но как не потеряться в потоке информации в новой среде?
Как не стать жертвой поганых инфлюенсеров, которые готовы подсовывать вам нерабочие инструменты лишь ради хайпа?
Как настроить удобную рабочую среду и начать "ДЕЛАТЬ", а не играться?
И как же всё же стать гуру в ИИ?

Я не знаю 🤓

Зато я точно знаю, что свои шишки я уже набил. Проекты позапускал. Всё настроил и спокойно работаю в кайф. А значит опыта мне хватит чтоб подготовить для вас серию статей о всём том, что вам нужно знать в вайбкодинге и работе с ИИшками.

Готовы? Тогда давайте начнём с рабочей зоны перед компьютером.

Навигация

Что вам понадобится для вайбкодинга на PC/MAC/ноутбуке?

Перед тем как я начну рассказывать про то, какие программы и ИИ выбирать - небольшое отступление.

Забудьте про "ИИ в браузере" и программы типа Lovable/Bolt!

Первые - чисто игрушки, которые предоставляют вам "демо версию" рабочего инструмента. Они лишь 5% от того, что вам могут показать ИИ.

А вторые - продукты, созданные сделать из вас гоев. Они будут трясти с вас бабки, делая видимость что так "удобнее". А на самом деле вы просто будете копать себе долговую яму.

Поэтому не страдаем хернёй. Самое главное в работе с ИИ - не быть упёртым бараном, который 1 раз попробовать какой-то инструмент и боится от него уходить.

Поняли? Тогда идём далее.

Сейчас я предлагаю вам сделать выбор:

  • Хотите МАКСИМАЛЬНО дешево, но не сильно терять в производительности?
    Выбирайте Codex+ChatGPT.
  • Хотите лучшую производительность, актуальность сборок, но при этом дороже?
    Тогда выбирайте подписку на Claude Code.
Ну как? Что выбрали?

Если вы выбрали Codex+GPT - то в данной статье для вас будет интересна только "БАЗА", скелет. Я в Codex работал мало, а GPT у меня лишь база для агента в TG🌚

Я бы мог навалить вам тут говна, в котором сам не разбираюсь, но оно вам точно не надо. А мне тем более.

Но если вам уж очень хочется повторить всё за мной, но на Codex+GPT - то просто скиньте эту статью своему выбранному ИИ и попросите её разобрать и адаптировать под вас. Думаю оно справится 🤖

Ну а Claude-бояр поздравляю. Вы попали по адресу. За вас тут всё будет разжёванно, в рот плюнуто и проглочено.

Покупаем подписку на Claude Code MAX

Что я вам посоветую в первый раз? Попробуйте купить подписку ОФИЦИАЛЬНО за полную стоимость: https://claude.ai/upgrade

Заходите на сайт, авторизуетесь, оплачиваете MAX подписку за 100$.
Мне вполне хватает этих X5 лимитов. Так что их и буду советовать. Когда лимиты кончались - считай отпуск, можно отдыхать 😎

Pro - не берите. Там вам даже на "учёбу" лимитов не хватит.

Ну а если вам прям жмёт и вы хотите экономить - то можете искать шопы, в которых подписку вам отправляют гифтами. Продавцов можете искать на Funpay или GGsell к примеру.

НО. Не покупайте аккаунты. Не покупайте активацию через SDK. Там вы рискуете потерять доступ к важной инфе. Вам оно точно не надо.

Да и в целом покупать подписку вне офф сайта - рисковано. Подписку могут забрать через несколько дней или неделю, а бабки вам уже не вернёт никто. Думайте.

Кстати, Claude вы можете установить во множество ваших устройств и приложений. Например на телефон, или в таблички. Все ссылки тут: https://claude.ai/downloads

Ставим среду, где ваш ИИ будет работать.

Тут я для себя выбрал Antigravity. Почему? Да просто понравилось быстродействие и всё то, что есть внутри. Поэтому скачиваем: https://antigravity.google/

Почему не Claude Code app? Неудобно работать с файлами + у меня в нём возникали неприятные баги (например, когда отправлял скрины в высоком разрешении. Но вы можете попробовать и его.

Почему не Cursor? Пошел он, этот курсор.

Почему не VS Code? Можно и его, по вкусу.

Ставим себе Antigravity, заходим в приложение, смотрим в левый столбик и заходим там в Extensions и устанавливаем там Claude Code for VS Code.

Как только расширение установится - вам надо будет авторизоваться в нём с тем аккаунтом, на который вы купили подписку. Авторизовались? Поздравляю, у вас теперь есть всё для работы!

Но не спешите бежать и говорить клоду "сделай мне кнопку бабло!". Давай сначала пройдёмся по настройкам и скиллам.
Знаю, именно эту часть вы хотели увидеть больше всего 😎

Настройка Settings.json

Создаёте на ПК любую папку, открываете её через редактор кода в Antigravity и потом открываете там сессию Claude Code. Ставим в чатике "/" и у нас открывается командное меню.

В нём ставим всё так, как видите на скрине. Ну и убедитесь что в Default model у вас стоит Opus 4.7.

Сейчас будет блок, который может выглядеть страшно.
Не пугайся. Тебе не нужно понимать каждую строчку. Смысл простой: мы даём Claude права, включаем более умный режим работы и одновременно ставим минимальную защиту от опасных команд.

Далее в чатик (туда, куда писали "/") отправляем следующий промпт:

Привет! Обнови мой глобальный конфиг Claude Code - файл `~/.claude/settings.json`. 
Задача: добавить/смерджить два раздела - `env` и `permissions`. 
Если файла нет - создай. Если есть - аккуратно смерджи, не затирая остальные мои настройки (`mcpServers`, `enabledPlugins`, `statusLine`, `model` и т.п.).

0.5. Смержи или добавь это:
"autoMemoryEnabled": true,
"alwaysThinkingEnabled": true,
"effortLevel": "xhigh",
"showThinkingSummaries": true,

 1. Раздел `env` - оптимизация поведения модели
```json 
"env": {
 "CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS": "1",
  "CLAUDE_CODE_DISABLE_ADAPTIVE_THINKING": "1",
  "MAX_THINKING_TOKENS": "128000",
  "CLAUDE_CODE_AUTO_CONNECT_IDE": "true",
  "DISABLE_ERROR_REPORTING": "1",
  "CLAUDE_CODE_DISABLE_FEEDBACK_SURVEY": "1"
}
```
 2. Раздел `permissions.allow` - что разрешаем без подтверждения
```json
"allow": [
  "Read", "Glob", "Grep", "WebFetch", "Agent",
  "Bash(npm run *)", "Bash(npx tsc*)", "Bash(npx drizzle-kit *)",
  "Bash(git status*)", "Bash(git log*)", "Bash(git diff*)",
  "Bash(git branch*)", "Bash(git remote*)", "Bash(git show*)",
  "Bash(ls *)", "Bash(cat *)", "Bash(head *)", "Bash(tail *)",
  "Bash(wc *)", "Bash(grep *)", "Bash(find *)", "Bash(echo *)",
  "Bash(nslookup *)", "Bash(tasklist*)",
  "Bash(npm ls*)", "Bash(npm audit*)",
  "Bash(mkdir *)",
  "Bash(sleep *)", "Bash(pwd)", "Bash(which *)", "Bash(where *)"
]
```Идея: всё читающее и безопасное (просмотр кода, git-инспекция,
безвредные npm/python/node команды) проходит без лишних кликов «Approve».

 3. Раздел `permissions.deny` - что блокируем железно
```json
"deny": [
  "Bash(rm -rf /)", "Bash(rm -rf ~)", "Bash(rm -rf /*)",
  "Bash(del /s /q C:\\*)", "Bash(format *)", "Bash(diskpart*)",
  "Bash(shutdown*)", "Bash(reboot*)",
  "Bash(*DROP DATABASE*)", "Bash(*DROP TABLE*)",
  "Bash(*TRUNCATE*)", "Bash(*DELETE FROM users*)",
  "Bash(git push --force origin main)",
  "Bash(git push --force origin master)",
  "Bash(git reset --hard*)", "Bash(git clean -fd*)",
  "Bash(npm publish*)", "Bash(npx publish*)",
  "Bash(curl * | bash)", "Bash(curl * | sh)",
  "Bash(wget * | bash)", "Bash(powershell -enc*)",
  "Bash(cmd /c *del*)",
  "Bash(env | grep*SECRET*)", "Bash(printenv*SECRET*)",
  "Bash(taskkill /F /IM explorer*)", "Bash(taskkill /F /IM svchost*)",
  "Bash(net user *)", "Bash(reg *)", "Bash(find * -delete*)",
  "Bash(find * -exec *)", "Bash(find * -execdir *)",
  "Bash(find * -ok *)", "Bash(find * -okdir *)"
]
```
Идея - три уровня страховки:
- разрушение системы: `rm -rf /`, `format`, `diskpart`, `shutdown`, убийство системных процессов;
- разрушение данных: `DROP DATABASE`, `TRUNCATE`, force-push в main, `git reset --hard`;
- утечка секретов: блок на любые команды, где светятся `*_SECRET`, `DATABASE_URL`, ключи API.

 Что сделать
1. Прочитай текущий `~/.claude/settings.json` (если есть).
2. Смерджи указанные `env`, `permissions.allow`, `permissions.deny` с тем, что уже там.
   - В `allow`/`deny` делай union, без дублей.
   - Существующие ключи в `env` не перезаписывай, только добавляй недостающие.
3. Сохрани файл с валидным JSON (с переносами, отступ 2 пробела).
4. Покажи финальный файл и кратко: что добавилось, что осталось как было.
Если я на macOS/Linux - Windows-специфичные паттерны (`del`, `diskpart`,
`taskkill`, `reg`, `cmd /c`) всё равно оставь: они просто никогда не сработают,
вреда нет, а конфиг переносимый.
Юзеру расскажи как максимальному новичку - что ты сделал и как это повлияло на работу.

Страшилка да? А что мы сделали?

0.5 и 1 - настроили базовое поведение Claude Code агента. То, с чем оно будет работать. Включили автопамять, улучшили "мышление" и поставили усилия почти на максимум. Оно теперь будет жрать больше токенов, но поверьте - оно того стоит.
Также мы включили агентные команды (теперь будет думать не 1 машина, а иногда две например). Выключили деградантский режим адаптивного мышления. Ну и всякой херни ещё накидали для удобства.

2 - добавили некоторые команды в Allowlist. Еслиб не сделали - то в режимах кроме "Bypass permissions" (там ваще нет уведомлений) клод спрашивал бы вас "а можно мне посмотреть в кодик пж". Теперь же часть команд будут пропускаться автоматом.

НО некоторые команды тут всё же представляют небольшую "опасность" в неумелых руках. Так что DYOR.

3 - собственно тут мы частично ЗАПРЕТИЛИ опасные команды.

Важно: это мой личный конфиг, а не единственная истина. Он удобный для меня, но не максимально безопасный. Будьте аккуратны и не дайте случайно доступ ИИ к вашей sensetive инфе.
Парочка вещей тут - плацебо. Но лишним шумом так же не будет.

Ваш клод может оказаться умнее и улучшить мой промпт с помощью вас. Ну либо вы умнее меня и укажете на мои ошибки и недочёты. Ну а мы идём дальше.

Ставим скиллы и MCP

Моё любимое. Вы хоть знаете что это такое? Это буквально книжки и качалки для вашего Claude Code!

Если в реальной жизни нам чтоб получить опыт других людей - нужно тратить много усилий и времени на зал и читание книжек, то Claude может просто схавать файл формата .md и получить инструкцию "как и что делать правильно".

Что такое .md? Это обычные текстовые файлы, написанные в формате Markdown. Вашей машине очень легко читать эти файлы, поэтому агент сначала читает их - а потом чёт делает.
Получает команду - вспоминает что у него есть в памяти .md файл связаный с задачей - читает - выполняет по инструкции.

С MCP объясню чуть проще. Это "мост" от вашего Клода к различным полезным инструментам. Если скиллы - это просто инструкции, то MCP - это полноценные функции.

И я, чёрт побери, обожаю эту часть ИИ.

Без скиллов и MCP глупая машина будет выдавать вам то, до чего и вы можете додуматься. А со скиллами становится терминатором, помноженным на вечность!

Где искать скиллы?

Лучше всего - дальше по статье. Там я выдам свою базу скиллов, которой сам пользуюсь. Вам вряд ли понадобится что-то ещё.

Ну а если всё же понадобится, то ищем тут

https://github.com/hesreallyhim/awesome-claude-code
https://github.com/affaan-m/everything-claude-code

Сами уж выбирайте. Тратить часы на поиск нужных скиллов или кормить это клоду чтоб сам фильтровал.

Устанавливать можно также через Claude. Пишите ему "скачай скилл, вот ссылочка, поставь его глобально" и всё. Должно работать норм.

А вот мой личный списочек того, что я сам использую 👇

Качаем в самом начале!

Context7 MCP

Этот MCP поможет вашему агенту лучше ориентироваться в документациях и работе тех или иных проектов через readme файлы. Короче - мастхев и у каждого быть должно.

Кидаете ссылку своему ИИ и говорите - скачай и поставь ПОЛНОСТЬЮ, включая MCP.
Поставили? Перезапустите сессию и давайте дальше.

Ядро, мозг, сердце вашей машины:

OMC - oh-my-claudecode

Я не хочу в этой статье помогать мне чёт объяснять. Поэтому расскажу что это своим языком.
Это буквально основной движок вашей ИИ. То, как она будет реагировать на ваши планы, команды и цели.

Тут вам и циклы работы "до результата". И углублённое планирование проекта. И оркестрация агентов. Все рабочие подходы, которые вам бы понадобились - в одном месте.

Как оно работает? Легко, глупышка. Просто 1 раз изучаете что ваще есть внутри этого скилла, а потом юзаете его наводящими словами. Например "проведи для меня углублённое интервью по проекту" или "сделай полезный скилл из сессии" или "очисти мой проект от слопа" ну или "делай пока не пофиксишь гадёныш".

Антидот скилл

llm-sast-scanner

Данный скилл понадобится вам для проверки вашего нейрослопа на предмет уязвимостей. Тут, в частности, проверка стандартных уязвимостей которые создают ИИшки при билде всяких сайтиков и подобных штук.

Поможет вашей машинке совершать меньше ошибок. Ну а в случае чего - поможет быстро найти и устранить уязвимость, которую создали.

Чтобы применить - достаточно сказать "проведи аудит проекта на предмет уязвимостей". Если не сработает - напишите название скилла.

Тут ещё посоветую вам полазать по базам скиллов и поискать ещё что-то для защиты. Я находил скиллы и делал из них кастомный скилл, поэтому поделиться им не смогу. Но один только LLM-SAST вам не поможет.

Скиллы для ваших сайтов

Vercel

Скорее всего при запросе "создай сайт и сделай чтоб он был в интернете" ИИшка предложит вам сделать всё через Vercel. Так что этот скилл мастхев.

С ним ваш Клод будет мастером в работе с Vercel и будет обучен всем самым крутым практикам. Просто ставьте.

Neon database

Далее при работе с вашим нейрослопным сайтом вам понадобится Database. И тут вам посоветуют Neon.
Наверное не лучший совет, но на первое время сойдёт. Так что ставим скилл для лучшей работы с базой и идём далее.

Playwright MCP

В целом более глобальная штука, но также засуну в этот раздел. Позволяет вашему агенту открывать браузер, лазать в коде страниц, делать скрины и изучать сайты "живьём". До этого агент просто делал вид что что-то видит. Теперь то врать не будет.

Требует установки в виде MCP, поэтому укажите это для агента. Ну и после установки поболтайте с ИИшкой насчёт настройки, там тоже могут быть важные пунктики.

Дизайн, красота, уход от нейрослопа

Impeccable

Глобальный скилл который помогает вашему агенту (и вам) продумывать интересный дизайн без градиентов и блопов. Советую чутка изучить возможности (команды) чтоб юзать.

Также сюда я бы отнёс всякие UI-UX скиллы и design.md, но они требуют настройки глубокой, поэтому поищите сами.

Продукт-менеджмент и маркетинг

Тут давайте без комментариев особо. Я вам даю ссылочки - вы изучаете и думаете, ставить или нет.
Я сам в этих словах не разбираюсь, 6 классов образования, не душите.

PM-Skills

Marketing

Данные скиллы уже тяжелые и применять их надо учиться. Но вы у меня умные, а статья не об этом. Поэтому также ставим и изучаем уже сами.

Поисковик

Brave Search MCP

Также крайне важный инструмент для вашего агента. Изначально поиск в нём корявый и сломанный, обрезанный. А с этим MCP становится полноценным и живым.

После установки вам надо будет дать ИИшке API ключ от Brave. Это бесплатно, просто сделайте и всё. Гайдик вам также ии сделает.

Невошедшее

Get-shit-done

Конфликтует немного с идеей OMC. Данный скилл также является "ядром", которое помогает тебе формулировать идею проекта и step-by-step принимать участие в билде, планировать, документировать, строить.

Хорошая штука для тех, кто хочет не отупеть из-за ИИ. Плохая для тех, кто ценит токены и время.

Superpowers

Аналогично. Так же "ядро". Но уже чуть более приближённое к OMC. Кто-то юзает супер силы. А кто-то OMC. Мне лично зашло второе. Тестировал я оба.

Так же как GSD больше подойдёт умелым ребятам которые как-то шарят в кодинге и строят что-то большое. Но опять же, требует вложений времени и токенов в освоение.

Хотите "автопилот" - юзайте OMC.

Andrej-Karpathy-skills

"Крошка Клод к отцу пришел, и спросила кроха
Что такое хорошо, а что такое плохо?"

Примерно так я бы и описал данный "скилл".
По сути это сводка "законов" в памяти Claude от сооснователя OpenAI.

Почему оно тут? Потому что мне не всё в этом файле нравится. Советую вам взять, дать это клоду и попросить разобрать КАЖДЫЙ ПУНКТ и зачем оно нужно, как повлияет.

А далее пройтись и с помощью этого примера оставить только нужные вам правила.

Поставили скиллы? Молодцы!
А теперь нужно их настроить:

В целом далеко не все скиллы тут требуют какой-то дополнительной настройки или разрешений. То, что нужно 100% - перезапустить Antigravity/Claude Code и создать новую сессию.

Далее, я подготовил для вас промпт, который поможет вам с настройкой. Копируете и отправляете ИИ. Потом по шагам всё настраиваете и учитесь с этим взаимодействовать.

Привет! Я только что поставил по лучшему гайду от https://teletype.in/@blackoduvanchik пачку MCP и скиллов. Всё крутое и материал классный.
Проведи меня по ним по очереди. Я новичок если что.
 Правила
1. Один инструмент за раз. Закончил - жди от меня «дальше».
2. Перед каждым проверь установку (`~/.claude/skills/` или список MCP). Не нашёл - команда установки, идём дальше. Смотри чтоб было установленно глобально, а не только в текущей папке.
3. На каждый инструмент дай 6 блоков:
   - Что это - 1–2 предложения
   - Когда звать - одна конкретная ситуация
   - Как звать - команда / триггер / ключевое слово
   - Ключ или зависимость - env-переменная + URL. Иначе «не нужен».
   - Фишка - нюанс, который я сам не угадаю
   - Упражнение - попроси меня сделать что-то маленькое и дождись результата
4. Никакой теории, понятной из названия. Сразу к делу.
5. После последнего пункта - топ-3, с которых начать сегодня, по результатам упражнений
 Порядок
 A. Поиск, доки, браузер
1. Brave Search MCP - `BRAVE_API_KEY` (api.search.brave.com)
2. Context7 MCP
3. Playwright MCP - первый запуск качает ~300MB браузеров
 B. Данные и фронтенд
4. Neon - connection string (console.neon.tech → Connection Details)
5. Vercel - `deploy-to-vercel` требует `vercel login`
6. Impeccable - семейство дизайн-скиллов; требует `npx impeccable`
 C. Безопасность и стиль
7. llm-sast-scanner
 D. Маркетинг и продукт
8. Marketing skills (coreyhaines31)
9. PM-Skills (Paweł Huryn)
 E. Workflow-движки
10. OMC - мета-движок: autopilot, ralph, ultrawork, team. Объясни глубже остальных:
    - чем autopilot отличается от ralph, ultrawork, team - строка на каждый
    - как отменить запущенный режим
    - в каком порядке пробовать первый раз
     Старт
    Подтверди одной строкой, что видишь все 13 (или назови недостающие). Начинай с пункта 1.

После этого ваш Клод должен пройтись по составу вашего рабочего пространства и научить вас всем пользоваться.

Настройка Claude.md - то, где хранится память о правилах вашего агента

Claude.md - это основной свод памяти и информации, правил для вашей ИИ.

Сначала Claude пойдёт читать этот файл, и только после прочтения будет думать как и что делать.
Сюда ваши установленные скиллы записывают различные правила использования (не всегда). И здесь же вы можете настраивать рабочую среду под себя и донастраивать поведение скиллов.

Хотите чтоб какому-то инструменту отдавалось предпочтение ВСЕГДА? Пишите это в Claude.md.
Хотите чтоб ИИ говорил "UwU" в конце каждого предложения? Также пишите сюда.

Главное не перенасыщайте файл и хотяб раз в неделю делайте в нём доп проверку - не изменилось ли там что-то в худшую сторону. Иногда новые скиллы могут создавать конфликты внутри Claude.md.

Тут всё в ваших руках. Просто главное не перестарайтесь. Не надо писать там манифест на 33333 символов.

Также имейте ввиду - это не единственный файл памяти в вашем проекте. Их может быть десятки.

ВСЁ. Теперь вы готовы вайбкодить!

Вы сделали ту самую базовую базу, которую скипают 95% вайбкодеров. Куда не посмотрю - все лезут давать ИИ задания в браузерах, в непонятных агреггаторах и в других сомнительных местах.

Вы же сегодня поставили всё то, что увеличило шанс создать ОТЛИЧНЫЙ MVP проекта с первой пачки промптов.

Домашнее задание от Тайлера Дердена:

Далее вам нужно лишь практиковаться. Поставить себе 3 лёгкие задачи: создать сайт, создать приложение, создать продукт.

  1. Сайт на любую тематику. Например крипто портфолио. Особое внимание уделите дизайну сайта и безопасности. Постарайтесь сделать продукт быстрым, удобным и красивым одновременно.
    Постарайтесь показать его друзьям и попросите оценить. Либо указать на минусы. Часто то, на что люди жалуются - и является вашим недочётом при билде через ИИ.
  2. Приложение на телефон - второй этап. Сделайте себе трекер привычек или трат.
    В идеале делать конечно для Android, ибо для Iphone в 10 раз сложнее.
    Тут уже приоритет отдайте функционалу и заливу приложения на площадки для дестрибуции.
  3. Создание продукта - сделать что-то такое, чем вы сами будете пользоваться КАЖДЫЙ ДЕНЬ. Подумайте, чего вам не хватало всё это время. Или какой сайт/проект вы хотели заменить, ведь он был для вас не идеален.
    Сделайте этот идеал.

Главный совет - не спускайте время в воду. Если раньше билдинг мог занимать месяца - то сейчас на эти 3 задачи вам вполне хватит 2 недели если делать с нуля лол.

Так что давайте. ГАЗ!

А я пойду готовить вторую часть статьи 😎

Не забудьте подписаться на канал и поставить лайки на статью 😉

Oduland приватка | Папка наших каналов | Instagram | YouTube |Twitch