1. Вызвать ИИ-агента прямо в мастерской
— Сначала разогреемся на черновике, — берет Лёха инициативу. — Открой не лендинг, а вчерашнюю игрушку, кликер «Лопни шары». На ней не страшно ошибиться — потом тем же жестом пойдём на боевой лендинг.
Тёма открывает файл кликера — он ложится в центр IDE, в зону кода. Слева — дерево файлов проекта, всё на виду.
— Теперь вызываем агента прямо здесь. На маке — Cmd+Esc, на винде или линуксе — Ctrl+Esc.
Сбоку открывается панель Claude Code — прямо внутри редактора, не отдельным окном. Тёма довольно щурится:
— О, это же тот же ИИ-агент, что вчера в браузере был? Или новый?
— Тот же самый, не отвлекайся пока, разберём через минуту, — Лёха ведёт дальше. — Смотри, он уже знает, какой файл у тебя открыт. Панель цепляется к редактору сама, ничего настраивать не надо.
— Прям сама? — не верит Тёма.
— Сама. Открыл файл — он его видит. Давай для пробы поменяем заголовок игры.
Тёма пишет в панель первую короткую правку:
Саня, Поменяй заголовок игры на "Лопни шары 3000".Жмёт Enter. Пара секунд — и заголовок в файле меняется: «Лопни шары» → «Лопни шары 3000».
— Ну ладно, — говорит Тёма. — Работает.
Он даже не особо удивляется: вчера в браузере ИИ тоже работал. Ну, поменял строчку. Ну, в редакторе. Подумаешь.
— Вот и хорошо, что не удивился, — замечает Лёха. — Это была проверка связи, а не фокус. Теперь то же самое, но на боевом лендинге, где уже нельзя криво.
2. Правка появляется в открытом файле — вживую
Тёма закрывает кликер и открывает в редакторе TZ_LANDING.md — то самое ТЗ, что Лёха собрал утром. Файл ложится в центр, в зону кода.
— Дальше думай сам, — с ухмылкой продолжает Лёха. — Хочу посмотреть, чему ты научился.
Тёма принимает пафосный вид и пишет в чат:
Саня, у нас тут есть ТЗ лендинга в файле TZ_LANDING.md. Реализуй его.— Сейчас сделаю босс, — Саня будто почувствовал весь пафос момента, и на экране замелькали строки.
— 10 минут и лендинг готов, — Тёма не может нарадоваться. — Каково, а? Мы втроём шикарная команда! Что дальше, Лёха?
— А дальше открой то, что он сделал, — говорит Лёха. — Слева, в дереве, появился landing/index.html. Щёлкни по нему.
Тёма щёлкает. ТЗ уезжает, и в центр экрана ложится код лендинга — длинный, незнакомый, но уже его собственный.
— Тот же жест, что на игрушке, только теперь на деле, — Лёха намекает на Саню. — Проси словами. Например, поменять заголовок страницы.
Тёма печатает в панель, прямо в редакторе:
Саня, поменяй заголовок на странице на "Лучшее предложение года".Жмёт Enter. ИИ-агент думает пару мгновений.
Тёма по старой памяти косится вбок, в панель: вчера агент отчитывался там — «правлю файл, готово», — а результат надо было идти смотреть отдельно, в дерево файлов.
А в панели тихо.
Зато по центру, в том самом коде лендинга, на который он и так пялится, строчка с заголовком вспыхивает подсветкой — и переписывается у него на глазах. Старый текст, новый текст, ровно одна тронутая строка. Не сбоку, не отдельным окном, не «держи результат, дальше сам». Тут. В файле. В том, на который он уже минуту смотрит в упор.
Тёма застывает с рукой на мышке. И, сам того не замечая, придвигается к монитору вплотную.
— Стоп. Он… прямо тут поменял? В моём файле? Я же прямо на него смотрю.
— В нём самом, — говорит Лёха. — Видишь подсветку? Вот это было, вот это стало. Принимаешь правку — она остаётся в файле.
— А вчера ведь совсем не так было, — медленно говорит Тёма, не отрываясь от экрана. — Вчера он мне писал «создаю файл, готово», а я потом шёл отдельно смотреть, чего он там натворил. — Он тычет пальцем в подсвеченную строку, и в голосе у него прорезается тот лёгкий смешок. — А теперь я вижу, как он буквально руками лезет в мой файл. Прямо при мне. Это уже не технология, Лёха, это магия.
— Вот, дошло, — кивает Лёха. — Передовая развитая технология не отличима от магии! Кстати, подсветка не говорит «держи, готово». Она говорит «смотри, вот что именно я поменял».
Тёма входит во вкус и просит ещё — подзаголовок, текст на кнопке, фон потемнее. Каждый раз правка вспыхивает в открытом файле, точно в нужном месте, и каждый раз он успевает поймать «было/стало». Вчерашнее «я говорю с ИИ где-то там» тает с каждой строчкой: инструмент работает под рукой, в его файле, и видно всё, что он делает.
И тут Тёме приходит в голову мысль. Светлая страница — это то, что решил он сам, потому что спросить было не у кого. А если попробовать наоборот? Тёмный вид, дорогой, солидный. Одна фраза — и будет два варианта. Пусть потом сами выбирают, а он придёт не с одной картинкой, а с двумя.
— И главное, — добавляет он сам, — это же не игрушка, не для красоты. Это лендинг. Почти тот самый, от Антона, с дедлайном. Который заказчику показывать.
— Он самый, — подтверждает Лёха. — То, что я тебе полдня объяснял, ты только что сделал руками.
Тёма откидывается на спинку. То же вчерашнее чудо — только теперь не «где-то там», а под рукой, в его собственном файле.
3. Браузер, редактор, терминал — агент один
Тёма наконец задаёт вопрос, что висел у него с обеда:
— Слушай, так это тот же ИИ-агент или нет? Вчера в браузере был один, сейчас тут другой. В чем отличие?
— Это тот же ИИ-агент. Один в один, — Лёха как будто был готов к этому вопросу. — Это не второй Клод, не новый мозг, ничего заново учить не надо. Тот самый, что вчера собирал тебе Арканоид. Просто теперь он работает на новой поверхности — внутри редактора. Сила та же: сам читает, сам правит, сам запускает. Поменялось только МЕСТО, где ты с ним говоришь и где видишь результат.
— А браузерная панель тогда куда? Выбрасываем?
— Никуда, никто её у тебя не отнимает. И терминал внизу, кстати, тоже никуда не делся — видишь полоску? Из него агента можно запустить точно так же. Получается три двери: панель в браузере, панель в редакторе, терминал. Агент за ними один и тот же.
— Так это один агент, а не два, — повторяет Тёма, будто пробует на зуб. — Разные двери, комната одна.
— Одна, — соглашается Лёха. — Заходишь откуда удобно.
И вот теперь у Тёмы всё сходится. Утром мерещился огромный новый монстр, которого осваивать с нуля. А монстра нет — есть тот же знакомый ИИ-агент, просто в новой удобной упаковке. Рабочий лендинг живёт в редакторе, и это он видел сам, своими глазами.
ПЕРЕЙДИТЕ В ПОЛНУЮ ВЕРСИЮ