AI на пальцах — с нуля до первого результата↑ оглавление

Одна страница из трёх частей: гид, настройка и готовые промпты. Работает офлайн, ничего не грузит из интернета. Начинай с «Что это за страница». Ссылки вида «см. «Настройка», Часть A» указывают на соответствующий раздел этой же страницы — ищи его в оглавлении.

AI на пальцах — с нуля до первого результата

Что это за страница

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

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

Сколько времени. Часть A — сегодня. Три бесплатных аккаунта, полчаса теории, и за вечер у тебя первый готовый результат. Часть B — когда захочешь, чтобы AI работал с файлами прямо на твоём компьютере; это уже отдельный вечер.

Сколько денег. Всё, что в Части A, — бесплатно. Ноль. Платное начинается только в Части B, и то по желанию: там речь про несколько долларов, которые ты сам себе выставляешь потолком.

Честная оговорка. Область меняется быстро: названия моделей, бесплатные лимиты, цены и кнопки в интерфейсах устаревают за месяцы. Всё, что здесь про принципы, живёт годами; всё, что про цифры и цены, проверяй на сайтах самих сервисов, а не верь этой странице на слово.

Последнее обновление: август 2026.

Как читать

Разделы 1–4 — сегодня, за один присест, минут тридцать. База: зачем это тебе, как штука устроена внутри, чем чат отличается от агента, как правильно просить.

Разделы 5–8 — после первого проекта. До него они звучат абстрактно, после — становятся полезными.

Дальше на этой же странице: «Настройка» — что и как завести, «Промпты под копипаст» — готовые тексты, которые можно просто скопировать. Ссылки вида «см. «Настройка», Часть A» ведут в разделы этой же страницы — ищи их в оглавлении.

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

1. Зачем тебе это

Честно, без продажи.

AI — это не профессия. «Я AI-специалист» — примерно как «я специалист по Excel». Само по себе ничего не стоит. AI — множитель к направлению, которое ты уже выбрал. У человека, который знает, что и зачем делает, он ускоряет работу в разы. У того, кому нечего умножать, результат остаётся нулём.

Поэтому первый вопрос не «какую нейросеть выучить», а «что я хочу сделать». Хоть что-то маленькое и настоящее: пост для своей страницы, объявление об услуге, афишу мероприятия, страничку про себя, разобраться с непонятным документом. Дальше всё складывается вокруг этого.

Кто получает пользу, а кто нет. Разница не в способностях и не в том, кто раньше начал. Пользу получают те, кто доводит до конца маленькие настоящие штуки. Не получают — те, кто коллекционирует инструменты: пробуют по нейросети в неделю, смотрят обзоры, сравнивают, заводят подписки — и не делают ничего. Один законченный кривоватый проект даёт больше, чем двадцать открытых вкладок.

Базовый навык у всего этого один: объяснить машине, что тебе нужно, и отличить хороший результат от плохого. Он одинаково работает на карточке для соцсетей, на письме клиенту и на странице сайта. Он не про технику, он про формулировки и вкус — и он переносится куда угодно.

Что изменится через месяц. Сможешь собрать набор картинок и текстов в едином стиле, сделать работающую одностраничную визитку за вечер, сгенерировать изображение под конкретную задачу, разобрать непонятное на понятное. Программистом не станешь и не должен. Станешь человеком, который производит результат при помощи AI, — это отдельная работа, и за неё платят.

И главное правило на старте: сначала проект, потом подписка. Не покупай инструменты «на будущее» — самая частая ошибка новичка выглядит так: человек оформляет подписку, чувствует прилив решимости, открывает инструмент три раза и забывает про списание. Всё, что нужно для старта, стоит ноль. Подписку покупают тогда, когда есть конкретная задача, которая упёрлась в бесплатный лимит, — и ни минутой раньше.

2. Как работает LLM, на пальцах

LLM — Large Language Model, «большая языковая модель». Claude, ChatGPT, Gemini, DeepSeek — это всё LLM.

2.1. Она предсказывает следующий кусочек текста. Всё.

Единственная операция внутри — «что вероятнее всего идёт дальше». Потом ещё раз, и ещё. Так, кусочек за кусочком, набирается ответ.

Аналогия: представь бармена, который за жизнь услышал сто миллионов разговоров у стойки. Он не помнит ни одного дословно, но у него осела статистика — после «мне что-нибудь покрепче, но чтобы не убило» обычно идёт вопрос про предпочтения, а не рецепт борща. Он не «понимает» тебя в человеческом смысле, он очень точно знает, что обычно бывает дальше. LLM устроена так же, только услышанного у неё — весь интернет.

2.2. Токены

Модель работает не с буквами и не со словами, а с токенами — кусочками, на которые режется текст. Слово может стать одним токеном, а может распасться на два-три.

Зачем знать: по токенам считаются деньги и лимиты. Увидишь «столько-то за миллион токенов» — теперь понятно, о чём речь. Считать вручную не надо, просто знай единицу измерения.

2.3. Обучение = впитывание закономерностей

Модели показали гигантский объём текста и заставили угадывать продолжение, поправляя после каждой ошибки. Правила языка, рецепты и инструкции никто в неё не вписывал руками — она вывела закономерности сама. Отсюда:

2.4. Контекстное окно — стойка, на которую влезает N заказов

Контекст — всё, что модель видит прямо сейчас: твой вопрос, приложенные файлы и вся предыдущая переписка в этом разговоре.

Аналогия: барная стойка. Влезает двадцать заказов; ставишь двадцать первый — самый старый убирается. Окно у модели большое, но не бесконечное, и когда переписка его перерастает, начало тихо выпадает.

Отсюда:

2.5. Галлюцинации: уверенно врёт — проверяй важное

Главное про LLM: у неё нет режима «я не знаю». Не хватает фактов — она не остановится, а сочинит похожее на правду и подаст тем же уверенным тоном, что и правду. Это называется галлюцинация — свойство подхода, а не баг конкретной модели. Современные модели врут заметно реже, чем пару лет назад, но врать не перестали.

Аналогия: гостя спрашивают, из чего сделан ликёр редкой марки. Бармен не знает, но дураком выглядеть не хочет — и уверенно называет три ингредиента, которые «обычно там бывают». Проверить можно только по бутылке.

Врут чаще всего: числа, даты, цены, статистика (самое опасное), ссылки (правдоподобные адреса, которые не открываются), цитаты и авторство, названия функций и библиотек в коде.

Правило: всё, что можно проверить за минуту и что кому-то навредит, если окажется враньём, — проверяй. Цену, дату, ссылку, факт в тексте для клиента. Формулировки, структуру, идеи, черновики — не надо, там врать нечего. Код в этом смысле удобен: он либо запускается, либо нет.

2.6. Про разные модели

Их много, и отличаются они реально: одни сильнее в коде, другие в тексте, третьи просто дешевле. Единого рейтинга «лучшая модель» не существует — он меняется каждые несколько месяцев и зависит от задачи. Пробуй одну и ту же задачу в двух-трёх и смотри, чей ответ полезнее. Не привязывайся к одной, это просто инструменты.

3. Чат против агента: почему «сайт за вечер» возможен

Самая важная глава. Поймёшь только её — уже неплохо.

3.1. Веб-чат умеет больше, чем кажется

Современные чаты — не «только текст». Claude и ChatGPT принимают файлы, пишут и запускают код, рисуют картинки, ищут в интернете, собирают страницы и показывают их в окне. Первый проект из раздела 6 делается целиком в браузерном чате.

Но есть граница: всё это происходит в песочнице провайдера. Файлы лежат на его серверах, живут ограниченное время и с твоим компьютером не связаны. Хочешь результат к себе — скачиваешь, хочешь поправить — заливаешь обратно. Одна-две итерации нормально; на пятой ты курьер между моделью и собственным ноутбуком.

3.2. Агент = модель + инструменты + цикл, на твоей машине

Агент — та же модель, но ей дали руки и поставили в цикл. И руки эти — на твоём компьютере.

Пример. Ты говоришь: «сделай игру-змейку, тёмная тема, неон». Агент создаёт game.html в твоей папке, пишет код, открывает, видит в консоли ошибку, правит, проверяет снова, докладывает: готово. Файл лежит у тебя на диске, ты открываешь его двойным кликом и ничего не копировал.

Настоящее отличие — не в том, что агент умнее чата, а в том, что он работает с твоими файлами и твоими командами на твоей машине. Обратная сторона та же: раз это твой компьютер, у ошибки цена выше, чем в песочнице. Поэтому агент спрашивает разрешение перед действиями, и поэтому в разделе «Настройка» (Часть B, шаг 6) есть разбор, что одобрять, а что отклонять. Прочитай его внимательно.

3.3. Слово «harness» (упряжь)

Harness — обвязка вокруг модели, которая превращает её в агента. Буквально это упряжь: лошадь сама по себе умеет бежать, но чтобы везти телегу, нужны хомут, постромки, вожжи. Упряжь не делает лошадь умнее — она соединяет её силу с работой.

Модель — лошадь. Harness — код вокруг неё: передаёт запрос, даёт доступ к файлам и терминалу, забирает результаты, крутит цикл. Cline (расширение для VS Code, с него проще всего начать), Claude Code (то же в терминале), Cursor — всё это harness, а модель внутри может стоять одна и та же. Ещё существуют отдельные сервисы под узкие задачи: собрать страницу по описанию, сгенерировать картинку, сочинить музыку. Понадобится — разберёшься за вечер, принцип везде один.

3.4. Локальные модели

Ollama и LM Studio запускают модель прямо на твоём ноутбуке: без интернета, без ключей, без денег. На обычном ноутбуке идут небольшие модели. Для приватных черновиков годятся — переписать текст, который не хочется отдавать в облако, накидать идей. Но рабочее качество пока в облаке: на реальной задаче разница ощутима, ноутбук греется и ест батарею.

4. Как просить: промптинг без магии

Промпт — то, что ты пишешь модели. Магии и секретных заклинаний нет. Есть одна идея: чем точнее заказ, тем ближе результат.

Гость говорит бармену: «сделай что-нибудь вкусное» — тот сделает что-нибудь, половина шансов не попасть, и виноват будет бармен. Гость говорит: «джин, кисло, не сладко, без мяты, в невысоком бокале, покрепче» — попадание с первого раза. С моделью так же: она не читает мысли, она видит буквы.

4.1. Пять вещей в хорошем промпте

  1. Контекст — кто ты, для кого это, что вокруг.
  2. Конкретика — детали, размеры, ограничения.
  3. Формат — в каком виде хочешь ответ: один файл, таблица, пять вариантов без нумерации.
  4. Запреты — чего быть не должно. Работает сильнее всего остального.
  5. Итерации — первый ответ почти никогда не финальный; дальше правишь по одному пункту.

4.2. Пример из кода

Плохо: «Напиши сайт» → безликая страница «Welcome to my website» с текстом-рыбой.

Хорошо:

Сделай одностраничный сайт-визитку про меня. Один файл HTML со встроенными CSS и JS, без внешних библиотек, чтобы открывался двойным кликом. Тёмная тема: фон почти чёрный, акцент — тёплый янтарный. Блоки: шапка с именем и одной строкой о себе, «Обо мне», галерея из 6 карточек с заглушками под фото, контакты. Адаптив под телефон. Текст на русском, вместо содержания — осмысленные заглушки, которые я потом заменю.

Разница между этими двумя — это разница между «переделывать полдня» и «поправить три мелочи».

4.3. Пример из генерации картинок

Плохо: «коктейль».

Хорошо:

Фотография коктейля в бокале хайбол на тёмной барной стойке. Напиток янтарно-оранжевый, крупный прозрачный кубик льда, веточка розмарина, апельсиновая цедра. Свет боковой тёплый, фон в расфокусе с бликами бутылок. Крупный план, малая глубина резкости, вертикальный кадр 4:5. Настроение: дорогой уютный бар вечером. Без текста и надписей на картинке.

Порядок, который работает: объект → детали → свет → фон → ракурс → настроение → формат → чего не надо. Последний пункт недооценивают: «без текста», «без людей в кадре», «без пластиковых трубочек» экономят кучу попыток.

4.4. Пример из своей области

Дальше — карточка напитка, но подставь свою область: блюдо, услугу, товар, занятие, событие. Схема не меняется, меняются только слова внутри.

Плохо: «Напиши описание коктейля Негрони» → Википедия в трёх абзацах.

Хорошо:

Ты пишешь тексты для барной карты. Нужно описание Негрони для карточки в Instagram. Тон: спокойный, уверенный, без пафоса и без слов «изысканный», «непревзойдённый», «нотки». Объём: до 30 слов. Структура: одна строка про вкус, одна — кому зайдёт. Аудитория: 25–35, ходят по барам, но классику знают плохо. Дай 5 вариантов, разных по интонации, без нумерации и без пояснений.

Три приёма отсюда стоит запомнить: роль («ты пишешь тексты для барной карты») сдвигает стиль в нужную сторону; список запретов убивает канцелярит и AI-штампы лучше всего остального; просить сразу несколько вариантов почти бесплатно, а выбирать из пяти проще, чем доводить один.

Свою область ты знаешь лучше модели — это твоё преимущество, а не недостаток. Именно поэтому ты способен отличить нормальный результат от правдоподобной чуши, а модель — нет.

4.5. Итерации и тупики

После первого ответа не переписывай промпт с нуля — продолжай в том же разговоре, точечно: «слишком много воды в третьем варианте, ужми до 15 слов», «галерею в 3 колонки на десктопе и в 1 на телефоне», «акцентный цвет холодноват, сделай ближе к меди». Одна правка за раз. Вывалишь пять сразу — две потеряются, и ты не поймёшь какие.

Если всё равно не то:

5. Безопасность и гигиена

Коротко. Нарушение любого пункта стоит денег или нервов.

1. Не вставляй в облачный AI ничего, что не показал бы постороннему. Пароли, номера карт, скан удостоверения, чужие персональные данные, договоры с реальными фамилиями и суммами. Всё написанное в чат уходит на чужие серверы. Надо поработать с документом — замени имена и суммы на выдуманные.

2. Чужой материал — только с разрешения владельца. Когда пойдут реальные задачи, появится клиентское: неопубликованные макеты, бренд-ассеты, тексты, договоры. Такое не загружается ни в какой облачный сервис без явного «ок» от того, чьё оно, — ни в чат, ни в генератор картинок, ни в агента. Отдельно про сервисы генерации картинок: у некоторых на дешёвых тарифах твои генерации публичны — их видит кто угодно. Перед тем как гнать туда рабочий материал, прочитай условия конкретного сервиса. Своё — свободно, чужое — спрашивай. Сомневаешься, чьё — считай, что чужое.

3. API-ключ — это деньги. Длинная строка вроде sk-or-v1-...; кто ею владеет, тот тратит с твоего счёта. Никому не показывать, не выкладывать в чаты и переписки, не публиковать в интернете (по открытым репозиториям ходят боты, находящие ключи за минуты), вставлять только туда, куда сказано в разделе «Настройка». Засветил случайно — сразу зайди в личный кабинет сервиса и удали ключ, там это одна кнопка; потом создай новый. Отозванный ключ — просто мусорная строка, а вот забытый может крутить счётчик неделями.

4. Модель врёт уверенно — проверяй важное. Цифра, дата, ссылка, факт для клиента. Особенно перед тем, как отдать работу.

5. Не регистрируйся в случайных «AI-приложениях». Их тысячи, значительная часть — обёртка над чужим API с наценкой, некоторые — прямой сбор данных. Больших имён хватает на всё, что понадобится в ближайший год.

6. Не запускай команды, которых не понимаешь. Совет начинается с sudo, rm -rf или «просто скопируй эту длинную строку» — стоп. Скопируй команду в чат и спроси: «что именно она делает и что может сломать? объясни простыми словами». Команды в разделе «Настройка» безопасны и объяснены; за их пределами — сначала вопрос, потом Enter. То же с запросами разрешения от агента: разбор в «Настройке», Часть B, шаг 6.

7. Проекты держи в отдельной папке — например ~/Documents/projects. Это не защита (агент технически может дотянуться и дальше), а порядок: всегда знаешь, где твоё.

6. Твои первые три проекта

От «сегодня и без установок» к «нужен агент». Готовые промпты — в разделе «Промпты под копипаст».

Главное правило приёмки, общее для всех трёх:

Агент не принимает свою же работу. Принимаешь ты — руками, по списку. Он может сказать «готово» и ошибиться: он видит свой код, а не то, что видишь ты на экране. Пять минут проверки экономят день переделки.

Проект 1 — картинка плюс текст для соцсетей (делается сегодня)

Набор из пяти карточек: на каждой — сгенерированная картинка и короткий текст. Один стиль, один тон, одинаковые пропорции. Целиком в бесплатном браузерном чате, без установок и без терминала.

Тему выбираешь сам — что ближе:

Бери то, в чём разбираешься лучше всего: тогда ты сам сможешь оценить, хорошо получилось или нет, и не будешь верить модели на слово.

Чему учишься: генерации картинок всерьёз (одна попытка не считается, нужна серия в едином стиле); короткому тексту под жёсткое ограничение; и главному — консистентности. Пять красивых, но разных карточек — провал. Пять средних, но одинаковых по стилю — работа. Эту разницу видит любой заказчик.

Приёмка — руками:

  1. Открыл все 5 картинок подряд — смотрятся как один набор, а не случайная подборка?
  2. Нет случайных надписей, лишних рук, кривых предметов, странных деталей?
  3. У всех одинаковые пропорции и ориентация?
  4. Прочитал все 5 текстов вслух — нет опечаток и запрещённых слов, ничего не режет ухо?
  5. Файлы в одной папке, имена осмысленные (card-01.png, а не Untitled-4.png)?

Проект 2 — сайт-визитка

Одностраничный сайт про себя: имя, пара абзацев, галерея работ, контакты. Один файл, открывается двойным кликом. Первый проект с агентом (см. «Настройка», Часть B).

Важно сразу: результат — файл у тебя на компьютере, а не сайт в интернете. Показать можно, отправив файл. Чтобы появился адрес, по которому заходят из браузера, нужна публикация — отдельный шаг и отдельная тема. Не жди ссылки в конце этого проекта.

Чему учишься: циклу «попросил → получил → посмотрел → уточнил»; правкам по одному пункту без ломания остального; базовому пониманию, что такое HTML, CSS и JS и какая часть за что отвечает.

Приёмка — руками:

  1. Открыл index.html двойным кликом — открылся в браузере?
  2. Прокликал все ссылки и кнопки — ведут куда надо, ничего не «мёртвое»?
  3. Сжал окно до узкого, как телефон, — ничего не вылезает, горизонтальной прокрутки нет?
  4. Перезагрузил страницу — всё на месте?
  5. Вычитал текст глазами — нет опечаток и забытых заглушек вроде «Lorem ipsum»?

Проект 3 — браузерная мини-игра (по желанию)

Выбираешь сам: кликер, змейка или простая аркада. Неон, счёт, рекорд сохраняется. Этот проект целиком ради удовольствия — он ничего не добавляет к первым двум, кроме кайфа и понимания. Не тянет — пропускай без сожалений, ничего не потеряешь.

Чему учишься: ошибки — это нормально (ошибка не провал, а сообщение); формулировать баг словами («при нажатии на X происходит Y, а должно Z» — ровно тот навык, который нужен в любой работе с разработчиками); и видеть агента в деле — как он сам находит свою ошибку и чинит.

Приёмка — руками:

  1. Открыл game.html двойным кликом — запускается, кнопка «Играть» работает?
  2. Сыграл три партии до проигрыша — не зависает, экран проигрыша появляется?
  3. Перезагрузил страницу — рекорд сохранился?
  4. Сжал окно до узкого — играбельно, ничего не уезжает за край?
  5. Понажимал всё подряд, включая паузу и «ещё раз», — ничего не ломается?

7. Куда это ведёт дальше

Три проекта закрыты — дальше начинается интересное: те же навыки на настоящих задачах, своих или чужих. Своя страница с услугами, оформление соцсетей, презентация по готовому тексту, вычитка и приведение текстов к одному тону, сборка промо-материалов из готовых компонентов. Программирования там, как правило, нет. Есть аккуратность, вкус и умение довести до конца.

Что имеет смысл осваивать параллельно, если тянет в сторону визуального:

Как выглядит «хорошо»

Ты приносишь результат, который можно принять по чеклисту, без переделки и без объяснений.

«По чеклисту» значит: у задачи заранее есть список требований — размеры, формат, шрифты из набора, текст без опечаток, файлы в одной папке с понятными именами. Ты проходишь по нему сам, до сдачи, и сдаёшь только то, что прошло. Ровно как в приёмке проектов выше.

Звучит скучно, но именно из-за этого одному дают следующую задачу, а другому нет. Талант распределён широко, надёжность — редкость. Преимущество не в том, что ты генеришь картинки лучше других (все жмут одну кнопку), а в том, что у тебя принимают с первого раза. Три привычки: перечитай задачу перед сдачей и пройди по каждому пункту; непонятное спрашивай до начала, а не после; не сдавай «почти готово» — либо готово, либо «готово к четвергу, вот что осталось».

8. Мини-словарь

Термины, которых нет в тексте выше, — чтобы не спотыкаться, когда встретишь.

API — способ программы обращаться к модели напрямую, без сайта и кнопок. Плюс: моделью может пользоваться любая программа. Минус: платишь по факту использования.

API-ключ — длинная строка-пароль для доступа к API. Это деньги. Никому не показывать.

OpenRouter — сервис, где один ключ даёт доступ сразу ко многим моделям с оплатой по факту. Не надо заводить пять аккаунтов и пять подписок.

Генеративка — общее слово про генерацию картинок, видео, музыки и звука по описанию.

Figma — программа для дизайна интерфейсов и графики, стандарт индустрии. Работает в браузере.

UI Kit — готовый набор компонентов, цветов и шрифтов проекта.

Терминал — приложение, где команды набираются текстом, а не кликаются мышкой. Разбирается за полчаса, см. «Настройка», B0.

VS Code — бесплатный редактор кода; новичку он нужен как окно, в котором живёт агент.

Cline — расширение для VS Code, превращающее его в агента. С него проще всего начать.

Рейт-лимит — потолок: сколько можно за раз или за сутки. Упёрся — подожди или начни разговор покороче.

Локальная модель — модель, работающая прямо на твоём ноутбуке, без интернета.

Что делать прямо сейчас

  1. Раздел «Настройка», Часть A — три бесплатных аккаунта, 10 минут.
  2. Раздел «Промпты», Разогрев — три промпта, чтобы почувствовать разницу между моделями.
  3. Раздел «Промпты», Проект 1 — карточки для соцсетей. Сегодня, бесплатно, без установок.
  4. Сделал — выложи результат куда-нибудь, где его увидят живые люди. Дальше читай разделы 5–8 этого гида и Часть B настройки.

Не перечитывай гид перед стартом. Начни — вопросы появятся по ходу, так быстрее.

Настройка: от бесплатного браузера до агента

Пошагово, с командами под копипаст. Читай сверху вниз, не прыгай.

Теория за всем этим — в разделе «AI на пальцах», глава 3. Готовые промпты — в разделе «Промпты под копипаст».

Про операционную систему. Основные инструкции здесь — для macOS. Часть A (браузер) одинакова везде — Windows, Linux, macOS, хоть телефон: это просто сайты. В Части B отличаются детали: установка VS Code, вид путей к папкам (C:\Users\... вместо ~/Documents/...), сочетания клавиш (Ctrl вместо Cmd), команды в консоли. Сама логика — поставить редактор, поставить расширение, вставить ключ, открыть папку — не меняется. На не-macOS следуй официальной документации самого инструмента: у VS Code, Cline и Node.js есть страницы установки под каждую систему, и они всегда актуальнее любого гида.

Часть A. День первый: аккаунты и первые вопросы (бесплатно, 10 минут)

Ничего не устанавливаем, всё в браузере.

A1. Заведи три аккаунта

СервисАдресКто делает
Claudehttps://claude.aiAnthropic
ChatGPThttps://chatgpt.comOpenAI
Geminihttps://gemini.google.comGoogle

Регистрация обычная — через Google-аккаунт или почту. Все три бесплатны, у бесплатных версий есть дневные лимиты (упрёшься — подождёшь несколько часов или переключишься на другой). Конкретные лимиты меняются, актуальные всегда на сайте самого сервиса.

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

A2. Прогони три разогревочных промпта

Открой раздел «Промпты под копипаст», подраздел «Разогрев», и задай все три вопроса — в Claude, потом те же самые в ChatGPT. Смысл упражнения не в ответах, а в том, чтобы своими глазами увидеть: на одинаковый вопрос модели отвечают по-разному. Одна подробнее, другая структурнее, третья короче. «Правильной» среди них нет — есть подходящая под задачу.

Gemini на этом шаге не нужен — он пригодится в Части C, для картинок.

A3. Заведи папку под проекты

На macOS: открой Finder → в меню сверху Переход → Переход к папке… (или Shift + Cmd + G), вставь:

~/Documents

Создай там папку projects. Всё, что будешь делать дальше, живёт в ней. Полный путь к ней — ~/Documents/projects, эта запись ещё пригодится.

На Windows смысл тот же: одна папка под все проекты, например Документы\projects.

A4. Сделай первый проект — сегодня

Первый проект (карточки для соцсетей) целиком делается в браузерном чате, без установки чего-либо. Иди в «Промпты под копипаст», Проект 1. Часть B тебе для него не нужна.

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

Часть B. Агент, который работает с твоими файлами

Здесь появляется главное отличие от браузерного чата: программа получает доступ к файлам на твоём компьютере и может запускать команды. Это удобно — и это же требует аккуратности, поэтому шаг 6 прочитай целиком, не по диагонали.

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

B0. Терминал за пять минут

Как открыть (macOS): нажми Cmd + Пробел, набери Terminal, нажми Enter. Откроется окно со строчкой вида:

user@MacBook-Air ~ %

Это приглашение: компьютер говорит «жду команду». Всё, что после %, — то, что набираешь ты.

Что такое команда. Текстовая инструкция. Набрал → Enter → выполнилось → компьютер написал результат и снова показал %. Неправильная команда почти всегда просто ответит «не знаю такого» и ничего не сломает.

Копипаст. Копировать — Cmd + C, вставить — Cmd + V, как везде. Копируй команды целиком, одной строкой. Не набирай руками: опечатка в одном символе — и не работает.

Пароль не отображается. Если команда спросит пароль от компьютера, на экране при вводе не появится ничего — ни точек, ни звёздочек. Так задумано. Набирай вслепую и жми Enter.

Три команды, которые стоит знать:

pwd

Показывает, в какой папке ты сейчас находишься.

ls

Показывает список файлов в текущей папке.

cd ~/Documents/projects

Переходит в папку с проектами. cd = change directory, ~ = твоя домашняя папка.

Попробуй все три по очереди. Это весь терминал, который нужен для старта.

Шаг 1. Поставь VS Code

Скачай с https://code.visualstudio.com — версию под свою систему (на macOS выбирай сборку для Apple Silicon, если у тебя Mac на M-процессоре). Распакуй, перетащи Visual Studio Code в папку «Программы» (Applications). Запусти.

VS Code — редактор кода. Тебе он нужен как «окно», в котором живёт агент и видно файлы.

Шаг 2. Поставь расширение Cline

В VS Code слева на панели найди иконку кубиков (Extensions, Cmd + Shift + X; на Windows/Linux — Ctrl + Shift + X). В поиске набери Cline, нажми Install у расширения с таким названием.

Cline — это и есть агент: читает и пишет файлы, запускает команды, видит результат и правит сам.

Шаг 3. Заведи свой ключ OpenRouter

Агенту нужен доступ к модели. Самый простой способ — OpenRouter: один ключ даёт доступ сразу ко многим моделям с оплатой по факту использования, без пяти подписок.

  1. Зарегистрируйся на https://openrouter.ai (обычная регистрация через почту или Google).
  2. Пополни баланс на небольшую сумму. Начни с минимальной, какую разрешает сервис: несколько долларов на первые проекты хватает с запасом. Ты всегда сможешь добавить.
  3. Выключи автопополнение (auto-recharge / auto top-up), если оно предлагается. Иначе счёт может пополняться сам, а ты об этом узнаешь из выписки.
  4. Создай ключ (раздел Keys → Create key). Он начинается на sk-or-v1-.
  5. Поставь ключу лимит трат (credit limit). Это главная защита от неприятного сюрприза: даже если что-то пойдёт не так, больше лимита с ключа не спишется.
  6. Отдельно включи ежемесячный сброс лимита (monthly reset), если хочешь именно месячный потолок. Это важно и это все путают: без сброса лимит считается за всё время жизни ключа, а не за месяц. То есть «10 долларов» без сброса — это десять долларов навсегда, ключ просто перестанет работать, когда они закончатся. Со сбросом — десять долларов в месяц.
  7. Скопируй ключ сразу: полностью он показывается один раз.

Ключ — это деньги. Кто им владеет, тратит с твоего счёта. Никогда не публикуй его, не вставляй в переписку, не отправляй в чат с моделью и не клади в файл, который может уехать в интернет. Засветил — зайди в личный кабинет, удали ключ (одна кнопка) и создай новый. Отозванный ключ — просто мусорная строка.

Шаг 4. Вставь ключ в Cline

Открой Cline (его иконка появится на левой панели). Он попросит выбрать провайдера:

Ключ хранится внутри Cline, в файлы ты его не вписываешь и в терминал не вставляешь. Это удобно и безопаснее: он не попадёт в историю команд и не уедет случайно вместе с проектом.

Шаг 5. Открой папку с проектами и проверь, что всё работает

В VS Code: File → Open Folder… → выбери Documents/projects.

Напиши в Cline:

Создай файл test.html с одной строчкой «Привет, это работает».

Файл должен появиться в ~/Documents/projects и в списке файлов слева. Появился — настройка закончена, иди в «Промпты под копипаст», Проект 2.

Шаг 6. Как отвечать на запросы разрешения — прочитай внимательно

Перед каждым действием Cline спрашивает разрешение. Это не формальность, и «жать Approve не глядя» — плохая привычка.

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

Правило простое:

Что проситЧто делать
Создать / изменить файл внутри projectsодобряй
Открыть файл в браузере, посмотреть содержимое папки проектаодобряй
Любая команда с sudoотклоняй
Удалить что-либоотклоняй
Установить программу или пакетотклоняй
Любой путь вне ~/Documents/projects (особенно системные папки и ~/Library)отклоняй
Что-то, чего ты не понимаешьотклоняй и спроси у самого агента, что именно эта команда делает и что может сломать

Отклонить — не значит поссориться с агентом: он просто предложит другой способ или объяснит, зачем ему это было нужно. Если объяснение звучит разумно и ты его понял — можно разрешить осознанно. Разница между «разрешил, потому что понял» и «разрешил, потому что кнопка мигала» — вся суть этого шага.

Авто-одобрение (auto-approve) первый месяц не включай. Да, придётся жать чаще. Зато к концу месяца ты будешь понимать, что вообще происходит, — а это и есть цель.

Часть C. Картинки

C1. Начни бесплатно

Проще всего — генерировать прямо в чате, который у тебя уже есть:

Готовые промпты для картинок — в «Промпты под копипаст», Проект 1.

C2. Что дальше, когда упрёшься в бесплатное

Не подписывайся ни на что, пока не упрёшься в бесплатное по-настоящему. «Куплю подписку и начну» — ловушка: платишь за инструмент, который потом не открываешь. Сначала задача, потом инструмент.

C3. Как хранить

Внутри ~/Documents/projects заведи папку под каждый проект, а в ней — images/. Имена файлов осмысленные: card-01.png, а не Untitled-4.png. Звучит мелочно, но когда карточек станет тридцать, ты это оценишь — и заказчик тоже.

Приложение. Продвинутое: Claude Code в терминале

Это не нужно для первых проектов. Пропусти, вернись позже.

Claude Code — агент, который живёт прямо в терминале, без VS Code. Возможности те же, что у Cline, интерфейс — текстовый. Многие предпочитают именно его, но начинать с него новичку незачем.

Когда браться: когда ты уже спокойно работаешь через Cline и хочешь попробовать другой инструмент.

Что понадобится поставить

Node.js — среда, в которой работает Claude Code. Проверь, вдруг уже есть:

node -v

Ответило номером версии — Node есть. Написало command not found — ставь:

  1. Открой https://nodejs.org
  2. Скачай версию с пометкой LTS под свою систему (на macOS с M-процессором — сборка для Apple Silicon, файл .pkg).
  3. Запусти файл, жми «Продолжить» до конца, введи пароль от компьютера когда попросит.
  4. Закрой терминал полностью (Cmd + Q) и открой заново.
  5. Проверь: node -v и npm -v должны напечатать версии.

Настройка npm без пароля — разовая, чтобы установки шли без sudo. На macOS выполни четыре строки по одной:

mkdir -p ~/.npm-global
npm config set prefix ~/.npm-global
echo 'export PATH="$HOME/.npm-global/bin:$PATH"' >> ~/.zshrc
source ~/.zshrc

Ни одна из них ничего не выведет — так и должно быть. По-человечески: создали папку для программ, сказали npm класть их туда, объяснили терминалу, где их искать.

Установка Claude Code:

npm install -g @anthropic-ai/claude-code

Проверка:

claude --version

Про доступ

Claude Code рассчитан на подписку Anthropic или их API-ключ. Помимо этого он умеет работать через шлюзы (gateway), в том числе через OpenRouter — у OpenRouter есть отдельная страница документации про интеграцию с Claude Code (openrouter.ai → docs, раздел про Claude Code).

Конкретные настройки здесь намеренно не расписаны: они меняются от версии к версии, и настраивать их надо, глядя в актуальную официальную документацию самого инструмента, а не в текст полугодовой давности. Ключ в файлы вручную не вписывай: у инструмента есть штатный способ его хранить — сначала найди его в документации, потом что-либо сохраняй.

Запуск

cd ~/Documents/projects
claude

Выйти — команда /exit или дважды Ctrl + C.

Если сломалось

Общий принцип: не гадай. У любой ошибки есть текст, и этот текст — не украшение, а инструкция. Ниже — частые случаи и что проверить самому.

Cline не отвечает / ошибка про ключ (invalid api key, authentication error, 401) Проверь по порядку:

  1. В настройках Cline API Provider стоит именно OpenRouter.
  2. Ключ вставлен целиком, начинается на sk-or-v1-, без лишнего пробела в начале или в конце.
  3. Выбрана модель из списка, а не пустое поле.
  4. Ключ жив: зайди в личный кабинет OpenRouter, раздел Keys — он не удалён и не отключён.

Не помогло — удали ключ в кабинете, создай новый и вставь заново. Это занимает минуту и чинит большинство случаев.

credit limit exceeded / «недостаточно средств» Упёрся в лимит или кончился баланс. Это не поломка. Зайди в кабинет OpenRouter и посмотри, что именно кончилось: деньги на счету или лимит конкретного ключа. Если лимит ключа — подними его или включи ежемесячный сброс (шаг 3, пункт 6). Пока разбираешься, работай в бесплатных браузерных чатах — там всё то же самое, просто без агента, который сам правит файлы.

VS Code не видит папку / файлы не появляются Проверь, что открыл именно папку (File → Open Folder…), а не отдельный файл. Слева должно быть дерево файлов с названием projects сверху.

Агент делает не то, что просил Это не поломка, а промпт. Иди в раздел «AI на пальцах», глава 4, и в «Промпты под копипаст», подраздел «Если застрял». Начать новый разговор с более точной формулировкой почти всегда лучше, чем спорить в старом.

Всё зависло В Cline есть кнопка отмены текущего действия — жми её. В терминале — Ctrl + C дважды. Не помогло — закрой окно (Cmd + Q) и открой заново. Файлы никуда не денутся.

Совсем непонятно, что происходит Скопируй текст ошибки в любой чат и попроси объяснить простыми словами — это работает лучше, чем гадать. Копируй ошибку целиком, вместе с непонятными кусками, и добавь: «объясни простыми словами, что это значит и что мне сделать по шагам, я новичок». Готовый промпт для этого — в «Промпты под копипаст», подраздел «Если застрял».

Промпты под копипаст

Всё готово к использованию: выделяешь текст внутри рамки, копируешь, вставляешь в чат или в агента. Где надо подставить своё — оговорено прямо перед промптом.

Теория, почему промпты устроены именно так, — в разделе «AI на пальцах», глава 4. Куда всё это вставлять — в разделе «Настройка».

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

Порядок проектов: 1 — карточки для соцсетей (сегодня, без установок), 2 — сайт-визитка (первый проект с агентом), 3 — игра (по желанию, для удовольствия).

Разогрев — три промпта для веб-чата

Сделай в первый же день. Каждый задай и в Claude, и в ChatGPT — увидишь разницу своими глазами.

Р1. Объясни мне X

Объясни, как работают большие языковые модели, как будто мне 12 лет и я никогда не программировал.
Используй аналогии из повседневной жизни.
Уложись в 300 слов. Без списков — просто связный текст.
В конце добавь одну фразу: чего эти модели делать НЕ умеют, хотя кажется, что умеют.

Дальше в том же чате продолжай своими словами: «а это как?», «объясни ещё проще», «приведи другой пример». Это и есть основной способ учиться — не читать статьи, а докапываться в диалоге.

Р2. Разбери мой план

Заполни всё в квадратных скобках своими словами — чем честнее, тем полезнее ответ.

Обо мне: [чем занимаюсь сейчас, сколько лет, где живу].
Куда хочу двигаться: [направление — например, оформление соцсетей, свои услуги, смена профессии].
Опыт в программировании и дизайне: [например: нулевой].
Что у меня есть: [ноутбук / телефон / свободные вечера / знакомые, которым нужна такая работа].

Мой план: месяц осваиваю AI-инструменты, делаю три учебных проекта (карточки для соцсетей,
сайт-визитка, мини-игра), потом берусь за первые настоящие задачи.

Разбери этот план честно и без подбадривания:
1. Что в нём слабое место — назови главный риск.
2. Чего в плане не хватает.
3. Что бы ты выкинул как лишнее.
4. Три конкретных действия на ближайшие 7 дней.

Не хвали план. Пиши коротко, по пунктам.

Обрати внимание на «без подбадривания» и «не хвали». Без них модели склонны говорить, что всё отлично. С ними ответ заметно полезнее.

Р3. Поймай её на вранье в своей области

Это упражнение на галлюцинации. Смысл — задать вопрос там, где ты сам можешь проверить ответ: своя работа, хобби, город, ремесло. Подставь свою область в первую строку.

Моя область: [например: коктейли / выпечка / ремонт квартир / фотография / уход за растениями].

Дай 3 конкретных решения задачи из этой области: [опиши задачу в одну строку — например «что
приготовить из того, что есть дома» или «как снять товар для маркетплейса без студии»].

Для каждого: название, точные шаги или пропорции, что понадобится, и одна фраза — кому это подойдёт.
Одно решение должно быть классическим, одно — вариацией классики, одно — полностью твоей выдумкой.
Без вступления и без выводов, сразу три штуки.

Проверь результат сам — в своей области ты разбираешься лучше модели. Найдёшь ерунду (скорее всего найдёшь) — вот тебе живая иллюстрация галлюцинаций из главы 2.5. Скажи прямо: «в третьем варианте пропорции не сходятся, так не работает, переделай» — и посмотри, как исправится.

Проект 1 — карточки для соцсетей

Работает в бесплатном веб-чате. Ничего устанавливать не надо, терминал не нужен. Картинки — ChatGPT или Gemini. Тексты — Claude или ChatGPT. Два разных разговора.

Цель: набор из пяти карточек в едином стиле — картинка плюс короткий текст на каждую.

Сначала выбери тему. Бери ту, в которой разбираешься:

Ниже промпты написаны на примере напитка. Меняй предметную часть под свою тему — структура промпта остаётся ровно та же, и именно она делает всю работу.

1.1. Картинка

Меняй только первый абзац под конкретную карточку. Всё остальное — постоянная часть, которая и держит единый стиль по всей серии.

Сгенерируй фотографию для карточки в соцсети.

ПРЕДМЕТ: коктейль Негрони в бокале рокс, ярко-красно-рубиновый, один крупный прозрачный кубик льда,
половинка апельсинового кружка на краю бокала.

СЦЕНА: тёмная деревянная барная стойка, крупный план, предмет чуть левее центра.
СВЕТ: тёплый боковой, мягкий, как от лампы над стойкой. Красивый блик на стекле и на льду.
ФОН: сильно размытый, угадываются бутылки и тёплые огни. Никаких лиц и людей.
СЪЁМКА: как на зеркалку с портретником, малая глубина резкости, фокус на предмете.
НАСТРОЕНИЕ: дорого и уютно, вечер. Без глянца и без рекламной пластмассы.
ФОРМАТ: вертикальный кадр 4:5.

ЧЕГО НЕ НАДО: никакого текста и надписей на изображении, никаких логотипов, никаких пластиковых
трубочек и бумажных зонтиков, никаких рук в кадре.

Если у тебя услуга или событие, замени блок ПРЕДМЕТ и СЦЕНА на своё — например: «ПРЕДМЕТ: рабочее место мастера маникюра, аккуратно разложенные инструменты, мягкое дневное освещение», а остальные строки оставь как есть.

Как сделать серию в одном стиле — это главный навык проекта:

  1. Меняй только первый абзац. Всё остальное оставляй слово в слово.
  2. Генерируй все пять подряд, в одном разговоре — так модель лучше держит стиль.
  3. Разложи результаты рядом и посмотри как на набор. Одна выбивается по свету или цвету — перегенерируй её, добавив в конец: Сделай свет и цветовую гамму такими же, как на предыдущем изображении.

1.2. Текст карточки

Отдельный разговор, Claude или ChatGPT.

Ты пишешь короткие тексты для карточек в соцсетях. Не рекламщик и не блогер — человек, который сам
этим занимается и объясняет коротко и по делу.

Напиши описание для карточки: [что описываем — например «коктейль Негрони» или «услуга: съёмка
предметки для маркетплейса»].

ФОРМАТ:
- Название.
- Строка состава или состава услуги — 3-4 пункта через запятую, без цен и без пропорций.
- Описание: максимум 25 слов, две мысли — что это и кому зайдёт.

ТОН:
- Спокойный, уверенный, без пафоса.
- Обращайся на «ты».
- ЗАПРЕЩЕННЫЕ СЛОВА: изысканный, непревзойдённый, нотки, палитра, гурман, роскошный, идеальный,
  погрузиться, симфония, шедевр, уникальный, качественный.
- Никаких восклицательных знаков.

АУДИТОРИЯ: [кому это, одной строкой — возраст, чем живут, что уже знают, а что нет].

Дай 5 вариантов, разных по интонации. Без нумерации, без вступления, без пояснений после.

Дальше выбираешь лучший и добиваешь:

Второй вариант — то, что надо, но слишком мягкий. Сделай жёстче и на пять слов короче. Дай ещё
три версии в этом направлении.

Повтори 1.1 + 1.2 пять раз — получится готовый набор.

Приёмка Проекта 1 — сделай руками

Агент и чат не принимают свою же работу. Принимаешь ты, глазами, по списку:

Что-то не сходится — правь именно это, по одному пункту, а не переделывай всё с нуля.

Проект 2 — сайт-визитка

Нужен агент — Cline в VS Code (см. «Настройка», Часть B). Можно и в веб-чате, но тогда код придётся сохранять в файл руками.

Помни: результат — файл на твоём компьютере, а не адрес в интернете. Публикация — отдельный шаг и отдельная тема; в конце этого проекта ссылки не будет.

Перед отправкой заполни первый блок под себя — всё, что в квадратных скобках.

Сделай мне одностраничный сайт-визитку. Я новичок, объясняй по ходу, что делаешь.

ОБО МНЕ:
- Имя: [имя или ник]
- Город: [город]
- Сейчас: [чем занимаюсь]
- Куда двигаюсь: [направление]
- Контакты: [какие мессенджеры и соцсети] — ссылки я подставлю сам, поставь заглушки

ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ:
- Один файл index.html: HTML, CSS и JS внутри него, без внешних библиотек и без сборки.
  Должен открываться двойным кликом.
- Адаптив: нормально выглядит и на телефоне, и на ноутбуке.
- Шрифты системные, никаких внешних ресурсов.

ДИЗАЙН:
- Тёмная тема: фон почти чёрный, текст светлый.
- Один акцентный цвет — тёплый янтарный. Используй его экономно: ссылки, подчёркивания, кнопка.
- Много воздуха, крупные отступы, спокойная типографика. Не пёстро.
- Плавное появление блоков при прокрутке. Аккуратно, без цирка.

СТРУКТУРА СВЕРХУ ВНИЗ:
1. Шапка: имя крупно, под ним одна строка — кто я и что делаю.
2. «Обо мне»: 3-4 предложения. Напиши осмысленный текст сам, исходя из данных выше, — я потом
   поправлю под себя.
3. «Работы»: галерея из 6 карточек в сетке. В каждой — картинка-заглушка, название и одна строка
   описания. На десктопе 3 колонки, на планшете 2, на телефоне 1.
4. «Контакты»: крупные кликабельные ссылки.
5. Подвал: год и имя.

ТЕКСТЫ:
- Всё на русском.
- Тон спокойный и уверенный, без пафоса. Не используй слова «креативный», «уникальный», «страсть»,
  «мир дизайна».

Когда закончишь — скажи, где лежит файл и на что мне посмотреть в первую очередь.

Итерации к Проекту 2

Отправляй по одной, глядя на результат в браузере.

Галерея слишком плотная. Увеличь расстояние между карточками, добавь мягкое скругление углов и
лёгкую тень. При наведении карточка должна чуть подниматься — плавно, за 0.2 секунды.
На узком экране (ширина примерно как у телефона) шапка слишком крупная и имя вылезает за край.
Уменьши размеры шрифтов на маленьких экранах и убери горизонтальную прокрутку.
Добавь наверху узкую панель навигации, которая липнет к верху при прокрутке: три ссылки — Обо мне,
Работы, Контакты — с плавным переходом к нужному блоку. Панель полупрозрачная с размытием фона.
На телефоне вместо трёх ссылок просто уменьши их и оставь в строку, без бургер-меню.

Приёмка Проекта 2 — сделай руками

Когда считать проект законченным: все пять галочек стоят, файл не стыдно отправить человеку. Всё. Не полируй бесконечно.

Проект 3 — браузерная мини-игра

Нужен агент. Проект для удовольствия — если не тянет, пропускай, ничего не потеряешь.

Сначала выбери одну из трёх и подставь в промпт. Кликер — самый простой, змейка — средне, арканоид — сложнее всего.

Сделай мне простую браузерную игру. Я новичок, комментируй код по-русски в ключевых местах,
чтобы я мог разобраться.

ИГРА: змейка
(варианты, если передумаю: кликер / змейка / арканоид — сделай именно ту, что указана выше)

ТЕХНИЧЕСКИ:
- Один файл game.html: HTML, CSS и JS внутри, без библиотек. Открывается двойным кликом.
- Управление: стрелки на клавиатуре и WASD. На телефоне — свайпы.
- Никаких внешних ресурсов: ни шрифтов, ни картинок, ни звуковых файлов из интернета.

ВИЗУАЛ — НЕОН:
- Фон почти чёрный, слегка синеватый.
- Элементы игры светятся: неоново-бирюзовый основной цвет, розовый акцент.
- Свечение сделай тенями, без картинок.
- Шрифт моноширинный, системный.

ИГРОВАЯ ЛОГИКА:
- Экран старта с названием и кнопкой «Играть».
- Счёт в углу, видно всегда.
- Рекорд сохраняется между запусками (localStorage) и показывается рядом со счётом.
- Проигрыш — экран с итоговым счётом и кнопкой «Ещё раз».
- Пауза по пробелу.
- Скорость чуть растёт по мере набора очков, но игра не должна становиться неиграбельной.

Когда закончишь — напиши мне короткую инструкцию: как играть и в каких строках менять скорость и
цвета, если захочу.

Итерации к Проекту 3

Слишком быстро в начале — не успеваю сообразить. Сделай стартовую скорость на треть медленнее и
добавь отсчёт «3, 2, 1» перед началом партии.
Добавь звук: короткий сигнал при наборе очка и другой при проигрыше. Сгенерируй звуки прямо в
коде через Web Audio API, без файлов. И добавь кнопку выключения звука, состояние тоже сохраняй.
Объясни мне простыми словами, как устроен главный игровой цикл в этом файле: что происходит на
каждом кадре и в каком порядке. Покажи конкретные строки кода, о которых говоришь. Я хочу понять,
а не просто иметь работающую игру.

Последний промпт — самый ценный из трёх. Игра у тебя будет в любом случае; понимание появится, только если спросишь.

Приёмка Проекта 3 — сделай руками

Если застрял

Объясни ошибку простыми словами

Скопируй весь текст ошибки, целиком, вместе с непонятными частями.

Я новичок, программировать не умею. Получил вот такую ошибку:

[вставь сюда текст ошибки целиком]

Объясни простыми словами:
1. Что вообще произошло.
2. Почему это случилось.
3. Что мне сделать, по шагам — с конкретными командами, которые можно скопировать.

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

Сделай проще

Когда агент навалил гору кода, в которой ничего не понятно:

Это слишком сложно для меня. Перепиши так, чтобы:
- было в 2-3 раза меньше кода;
- работало так же для основного сценария;
- я мог прочитать и понять каждую строку.

Убери всё, что нужно для редких случаев. Если чем-то приходится пожертвовать — скажи чем и почему.

Покажи, что ты создал

Когда потерял нить и не понимаешь, что происходит в папке:

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

Не то, что я просил

Это не то, что я имел в виду. Прежде чем переделывать — задай мне 3-5 уточняющих вопросов о том,
что именно мне нужно. Не начинай, пока я не отвечу.

Вспоминай про этот приём чаще. Обычно ты сам не до конца понимаешь, чего хочешь, — а вопросы это вытаскивают.

Объясни, что тут написано

Объясни мне этот код построчно, простыми словами, как человеку без опыта программирования:

[вставь код]

Не пересказывай его технически. Объясни, ЗАЧЕМ каждый кусок нужен и что было бы, если бы его
убрали.

Шпаргалка: чек-лист хорошего промпта

Те же пять пунктов, что в разделе «AI на пальцах», глава 4.1. Пробегись перед отправкой длинного запроса:

Не получилось с первого раза — норма. Правь по одному пункту и продолжай в том же разговоре.

И отдельно, поверх чек-листа: результат принимаешь ты, руками. Списки приёмки — после каждого проекта выше.