Прототип прямо в чате: четыре применения новой функции

Одно сообщение вместо вайб-кодинга

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

Сегодня Claude выпустил обновление, в котором мы просто пишем ему одно сообщение — а он создаёт прототипы и калькуляторы. Всё динамически и за один запрос.

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

Как это работало вчера

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

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

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

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

Применение первое: рисовать то, что потом попадёт в продукт

Первое применение — прототипы, которые дальше появятся в твоих проектах.

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

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

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

Через 30 минут это уже работало

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

Так и написал: давай придумаем, как сделать инструмент диагностики в нашей админке, где проверка синхронизации пользователей.

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

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

Раньше, когда я хотел создать прототип, приходилось выгружать разметку и дорабатывать. Сегодня это просто не нужно.

Что нужно, чтобы это работало быстро

Всё, что нужно сегодня для прототипа, — заранее подготовленный набор элементов дизайна.

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

Экономия времени только за сегодняшний тест — где-то в 5 раз.

Логика здесь простая: чем больше контекста лежит в проекте заранее, тем меньше уходит на объяснения в каждом отдельном запросе.

Применение второе: калькулятор к встрече с клиентом

Умные калькуляторы никто не отменял. Во многих случаях нужно рассчитать прибыль клиента, свою прибыль, сумму к возврату или к оплате. Раньше для этого нужна была разметка.

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

Копирую результат, возвращаюсь в чат — и калькулятор готов.

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

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

Применение третье: интерактив из записи разговора

Представим, вы были на встрече. Специально возьму не рабочую — встречу с врачом.

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

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

Для контекста: у меня вообще нет голоса, я еле-еле говорю. Меня всегда смешат комментаторы, которые советуют, как сделать голос лучше. Да я иногда не могу говорить по несколько недель.

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

Как отдать это коллегам

Готовый результат можно скачать файлом, а можно оформить как отдельную страницу.

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

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

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

Применение четвёртое и общий список

Четвёртое применение — как раз рабочие встречи. Часто нужно объяснить коллеге или сотруднику, как работает новая функция. У меня при запуске нового проекта вечная проблема: донести до всех, какие у нас сроки и какие изменения. Команда всегда где-то плывёт.

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

И вот готов полноценный план по дням. Я могу обсудить его с командой прямо на созвоне: что в какой день, во сколько. Готова ценовая лесенка, готовы сегменты, по которым будем искать людей, финальное закрытие. И объяснять я могу не по тяжёлым документам, а вот так — прямо на созвоне.

Три возражения про интерактив в чате

Что стоит уточнять сразу

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

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

Найди задачу, которую откладываешь из-за вёрстки

Ты дочитал до конца — значит, вопрос не в том, умеет ли модель делать интерактив. Умеет, и за одно сообщение. Вопрос в том, какие задачи ты до сих пор откладываешь, потому что для них надо что-то верстать или звать разработчика.

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