# Прототип прямо в чате: четыре применения новой функции Раньше, чтобы собрать прототип, калькулятор или интерактивную таблицу, нужно было идти в вайб-кодинг. Теперь хватает одного сообщения в чате. Показываю четыре рабочих применения: прототип для админки, который через 30 минут уже работал, калькулятор для встречи с клиентом, разбор транскрипта и карта ## Одно сообщение вместо вайб-кодинга Раньше, если ты хотел создать прототип приложения, умный калькулятор или таблицу с визуализацией данных, тебе было необходимо освоить вайб-кодинг. Только там можно было сделать что-то подобное. Сегодня Claude выпустил обновление, в котором мы просто пишем ему одно сообщение — а он создаёт прототипы и калькуляторы. Всё динамически и за один запрос. В этом видео я не просто разбираю, что это за обновление. Дам четыре реальных рабочих инструмента, как использовать это прямо сейчас. карточка 1 — метка «нужно на запрос» / значение «1 сообщение» / капшен «вместо выгрузки в разметку и доработки»; карточка 2 — метка «прототип в рабочей админке через» / значение «30 минут» / капшен «от идеи до живого инструмента»; карточка 3 — метка «экономия времени за один тест» / значение «в 5 раз» / капшен «замер автора на своей задаче». Ключевая — #2 ## Как это работало вчера Покажу разницу на простом примере. Прошу создать интерактивную таблицу Менделеева — и сразу уточняю, что нужен интерактивный режим, иначе он сделает обычную разметку. Появляются первичные элементы, и вот готовая таблица: можно искать конкретный элемент, фильтровать, рядом полноценный текст с пояснениями. Если бы я делал это ещё вчера, выглядело бы иначе. Он прислал бы мне файл, в котором в целом работает то же самое — но это почти в три раза дольше. И неудобно: с этим файлом потом надо что-то делать. А калькулятор прямо в чате появляется быстро, и ты можешь сразу менять его вид вместе с моделью. - «файл на выгрузку» — почти втрое дольше, потом ещё дорабатывать - «сразу в чате» — меняешь вид на месте, не выходя из диалога ## Применение первое: рисовать то, что потом попадёт в продукт Первое применение — прототипы, которые дальше появятся в твоих проектах. Конкретный пример. Я делаю сервис аналитики и рекламы для продавцов на маркетплейсе, делаю в одиночку. Сейчас мы отлаживаем на тестовых пользователях, насколько правильно работает выгрузка данных. Утром я даю ему эту выгрузку: проверь, чтобы у всех всё было отлично. А потом просто пишу — дай табличку красивую, потому что мне нужен скриншот в чат тестовых пользователей. И он сразу всё сделал: закрыл названия магазинов, визуализировал оборот, дал технические данные. Но важны даже не сами данные. Важно, что он подал мне идею, как аналитика может работать внутри моей админки. врезка `// ПРАВИЛО`: текст «Прототип полезнее всего не когда показывает результат, а когда подаёт идею, как устроить то же самое у себя в продукте.» ## Через 30 минут это уже работало Дальше я подумал: зачем каждый раз отправлять это в чат — лучше сделать такое у себя в панели администратора. Так и написал: давай придумаем, как сделать инструмент диагностики в нашей админке, где проверка синхронизации пользователей. И он вспоминает подгруженные скиллы, документацию проекта, заранее подготовленные инструкции. Выдаёт готовую структуру: какие будут таблицы, какие виджеты нужны, какие фильтры. Прямо в чате я могу понажимать — вот мой интерактивный прототип, и я вижу, как этот инструмент будет выглядеть в панели. А через 30 минут он уже так и выглядит в реальной панели администратора. То есть это уже работает. Раньше, когда я хотел создать прототип, приходилось выгружать разметку и дорабатывать. Сегодня это просто не нужно. - 01 «Выгрузка данных» — метрика «обычная рабочая задача» — отдал файл на проверку утром - 02 «Красивая табличка» — метрика «получил идею для админки» — попросил картинку для чата пользователей - 03 «Запрос на инструмент» — метрика «модель помнит документацию проекта» — как сделать диагностику у нас в панели - 04 «Интерактивный прототип» — метрика «прямо в чате» — таблицы, виджеты, фильтры — можно понажимать - 05 «Рабочая админка» — метрика «через 30 минут» — то же самое в живой панели ## Что нужно, чтобы это работало быстро Всё, что нужно сегодня для прототипа, — заранее подготовленный набор элементов дизайна. У меня он подгружен прямо в проект админки, чтобы модель сама знала, какой у нас дизайн. И когда я отправляю прототип дальше — в виде запроса для агента, — нужный инструмент появляется практически моментально. Экономия времени только за сегодняшний тест — где-то в 5 раз. Логика здесь простая: чем больше контекста лежит в проекте заранее, тем меньше уходит на объяснения в каждом отдельном запросе. элементы дизайна — подгружены в проект заранее, документация — модель знает устройство продукта, скиллы — подтягиваются сами, инструкции — написаны до задачи, а не в запросе ## Применение второе: калькулятор к встрече с клиентом Умные калькуляторы никто не отменял. Во многих случаях нужно рассчитать прибыль клиента, свою прибыль, сумму к возврату или к оплате. Раньше для этого нужна была разметка. Сегодня я просто пишу в улучшатель: создай запрос на генерацию умного калькулятора выгоды для клиента одного из моих сервисов. Отправляю ему адрес сайта — и всё, я больше ничего не придумываю, идеальный запрос собирается за меня. Копирую результат, возвращаюсь в чат — и калькулятор готов. Если бы я сидел на встрече с клиентом, я мог бы прямо там выбрать: продажи, нанимаем пятерых в месяц, кандидатов сотня. Нажимаю дальше — и вижу результат: клиент освобождает 58 часов времени, 18 неудачных наймов обходятся ему в миллионы в год, а вот рекомендованный тариф. Выглядит невероятно. По сути это прямо сейчас надо закидывать на сайт, и это действительно повлияет на конверсию. - «~~калькулятор на сайт нужно заказывать разработчику~~» → Выглядит невероятно. - «~~сначала надо придумать формулировку запроса~~» → Если бы я сидел на встрече с клиентом, я мог бы прямо там выбрать: продажи, нанимаем пятерых в месяц, кандидатов сотня. - «~~интерактив в чате — это игрушка, не рабочий инструмент~~» → Копирую результат, возвращаюсь в чат — и калькулятор готов. ## Применение третье: интерактив из записи разговора Представим, вы были на встрече. Специально возьму не рабочую — встречу с врачом. После неё я беру транскрипт разговора, загружаю и говорю: сделай мне интерактивный анализ, чтобы я мог применять эти рекомендации по шагам и понимал всю информацию, которую мне дали. Я отправляю просто расшифровку с умного диктофона — и получаю готовый распорядок дня. Дальше комплекс упражнений: что мне необходимо делать. Для контекста: у меня вообще нет голоса, я еле-еле говорю. Меня всегда смешат комментаторы, которые советуют, как сделать голос лучше. Да я иногда не могу говорить по несколько недель. И вот здесь я могу ставить галочки и проверять, что именно сделал за сегодняшний день. Потом прогресс можно сбросить и начать заново. врезка `// ПРАВИЛО`: текст «Расшифровка встречи — это сырьё, а не результат. Пока она лежит текстом, ей никто не пользуется; интерактивным чек-листом пользуются.» ## Как отдать это коллегам Готовый результат можно скачать файлом, а можно оформить как отдельную страницу. Показываю на том же примере с голосом. Когда он создаёт результат, я скачиваю его и иду в соответствующий раздел, создаю новую страницу, называю её инструментом продуктивности и загружаю то, что выгрузилось из интерактивного чата. Дальше он загружается как обычная страница — так это работало и раньше. И я получаю чек-лист, которым могу поделиться: с друзьями, с коллегами после встречи. Отдать им всю схему целиком, чтобы они могли ей пользоваться. Здесь понятно, что схема скорее для себя. Но то же самое касается обычных рабочих встреч. ## Применение четвёртое и общий список Четвёртое применение — как раз рабочие встречи. Часто нужно объяснить коллеге или сотруднику, как работает новая функция. У меня при запуске нового проекта вечная проблема: донести до всех, какие у нас сроки и какие изменения. Команда всегда где-то плывёт. У меня есть проект по запуску курса, там подгружены документы: кто что делает и за что отвечает, когда какие скидки, какие примерно посты. Я говорю: на основе файлов проекта создай интерактивную карту прямо в чате для введения сотрудников в курс дела — как будет работать запуск, от первого дня до самого старта. И вот готов полноценный план по дням. Я могу обсудить его с командой прямо на созвоне: что в какой день, во сколько. Готова ценовая лесенка, готовы сегменты, по которым будем искать людей, финальное закрытие. И объяснять я могу не по тяжёлым документам, а вот так — прямо на созвоне. строки «Показатель → Значение»: прототип для продукта → идея превращается в рабочий инструмент за 30 минут; калькулятор для клиента → собирается к конкретной встрече, готов для сайта; разбор транскрипта → запись разговора становится чек-листом с галочками; карта запуска → команда смотрит план по дням, а не документы; что нужно заранее → набор элементов дизайна и документация в проекте; чем поделиться → выгрузка в файл или отдельная страница ## Три возражения про интерактив в чате - «~~Это просто фишечка, а не инструмент~~» → Нет, это полноценный инструмент, которым я уже успел воспользоваться. Прототип из чата через 30 минут работал в реальной панели администратора. - «~~Всё равно придётся дорабатывать руками~~» → Раньше — да, приходилось выгружать разметку и дорабатывать. Сегодня это просто не нужно, если у тебя заранее подготовлен набор элементов дизайна. - «~~У меня нет проекта с документацией, мне это не подойдёт~~» → Разбор транскрипта встречи и калькулятор к переговорам работают без всякого проекта — там на входе только запись разговора или адрес сайта. ## Что стоит уточнять сразу Одну вещь лучше указывать в запросе явно: что нужен именно интерактивный режим. Иначе он сделает обычную разметку — и получится тот самый файл, с которым потом надо что-то делать. И ещё: сам я не придумывал формулировку для калькулятора. Отправил улучшателю адрес сайта, и запрос собрался за меня. врезка `// ЧЕСТНО`: текст «Я показал четыре применения, но их больше. Это не полный список возможностей, а те задачи, которые встретились мне за один день работы.» ## Найди задачу, которую откладываешь из-за вёрстки Ты дочитал до конца — значит, вопрос не в том, умеет ли модель делать интерактив. Умеет, и за одно сообщение. Вопрос в том, какие задачи ты до сих пор откладываешь, потому что для них надо что-то верстать или звать разработчика. Один вопрос напоследок. Ответь себе одним предложением: какую цифру ты чаще всего считаешь для клиента руками или в таблице? Назови её конкретно — с неё и сделай первый калькулятор. Я читаю. 1 — сообщение · 30 минут — до рабочей админки · в 5 раз — быстрее · 4 — применения --- Источник: https://localhost:3000/m/prototip-pryamo-v-chate-chetyre-primeneniya-novoy-funkcii