Transcription
เฮ так เฮ แ เ Yeah. Ah. Так. Ребята, всем привет. Как ваши дела?
Добро пожаловать на эфир Pixel Perfect продукта EI Native Designer. А так я думаю, что долго не будем, а, соответственно, начинать. Давайте сразу уже подключим нашу презу. Так, да, первый вопрос, как обычно, поставьте в чат сюда. А от одного до десяти, как нас слышно? Как нас видно, да? Хочется, чтобы всё было хорошо, технически всё хорошо, а мы подготовились, поэтому должно быть нормально. А вот поэтому ставьте свои оценочки.
А сразу уже видел в чате, что были вопросы по поводу, как обычно, будет ли запись? запись будет и доступна. Она будет 48 часов, поэтому аа желательно желательно всегда присутствовать очно на наших лайв-стримах, потому что только так у вас есть возможность напрямую спикеру а-а задать вопрос и обсудить какую-то тему, да. Поэтому не откладывайте на потом. лучше всегда смотреть в лайве, но если что, 48 часов у вас будет возможность что-то, какие-то моменты пересмотреть, досмотреть и так далее.
А, ну а тема сегодняшнего эфира достаточно интересная и суперактуальная на сегодняшний день, мне кажется, и Данил, про что сегодня поговорим?
Да, ну, как вы многие, наверное, знаете, часто бывает, что к вам приходит какой-то задачей, по сути, глобальной, но дают минимум уводных. Вот сейчас мы видим на экране то ТЗ, если его так можно назвать, с которым будем в этом эфире работать, а, и развивать из этого мини ТЗ, из этих четырёх строчек, по сути, ну, полноценную, а, полноценный продукт, пристройку к уже имеющемуся продукту.
Так, а планы у нас какие? Планы у нас на самом деле наполеоновские, потому что нужно сделать очень много всего, пройти вообще весь путь и сделать это за 90 минут. Ну, будем надеяться, что мы успеем это сделать. А в любом случае обычно это занимает полтора-два спринта там или три, э, ну, несколько недель это может длиться, потому что сегодня задача достаточно объёмная. Нужно исследовать рынок, кто это, про что это. а, подключить огромное количество специалистов других из своей команды. И, ну, обычно это занимает кучу времени, в том числе, потому что нужно согласовывать между разными отделами, разными специалистами, а, то, чем мы, ну, то, что нужно сделать, в общем.
>> Да. И тут хочу сразу тоже подчеркнуть, что это будет не один какой-то отдельный кусочек, да, прямо полноценный продакшнфу. Ребята, за полтора часа мы постараемся уместить его в этот эфир. И, да, за 90 минут сделаем то, что обычно делается там двухнедельных двухнедельным, трёхнедельным циклом. Поэтому это серьёзная вещь.
>> Да. Ну, немного обо мне. Кто я такой? Меня зовут Данил Шашко. Я продуктовый дизайнер более 7 лет в индустрии начинал как с обычных лендосов, с какого-то простого дизайна. А переходил вукод разработку, потом в классическую разработку, потом уже в продуктовый дизайн, работал самокат, сетек, GSOP, ещё другими зарубежными компаниями на аутсорсе. И, а, также получил степень магистра по продуктовому дизайну в университете ИТМО. Может, знаете, такой. А вот поэтому этот опыт позволяет, э, закрывать все этапы процесса, вплоть до прототипирования, которое сегодня у нас будет.
И что я вообще хочу от вас, чтобы вы стали one man армие? Потому что с использованием нейросетей вы можете выполнять более визионерскую роль, да, то есть определять направление вашего продукта, формировать понимание того, что вообще нужно сделать. А всю рутину на себя забирает Клод. И мы ещё об этом поговорим, но это тот дизайнер современный, который будет, ну, буквально через там год, наверное, уже повсеместно распространён.
А, итак, ещё допом. Помимо того, что мы из этого, а, из этих четырёх строк соберём там полноценный бриф, а, небольшую документацию, небольшую, потому что мы сегодня ограничены по времени, а, соберём макеты и полноценный прототип, с которым можно повзаимодействовать. У нас ещё будет система трекинга пользователя. То есть эти прототипы хотелось бы протестировать на реальных пользователях, посмотреть, как они будут с ними работать, а будет ли им всё понятно, насколько прозрачен для них флоу, как-то часто бывает. И обычно приходится там просто на этих скринкастах сидеть, смотреть, задавать какие-то наводящие вопросы, наблюдать и потом самостоятельно эту аналитику подбивать. Ну, конечно, зависит от того, каким вы инструментом для этого пользуетесь. А здесь же мы совершенно бесплатно, по сути, просто включая в стоимость подписки клода, соберём такой же дашборд, но будет это в самом конце, потому что, наверное, возможно, не всем это интересно.
А, итак, полный prodдаction flow продуктового дизайнера на AI. Аа, проходим бриф, собираем карту экранов, переходов, собираем кликабельный прототип, проводим мини-исследования, макеты по дизайн-системе большого зелёного банка.
Так, тут по сценарию я показываю, что у нас получится в конечном итоге.
Да, >> да, >> давайте сделаю небольшое демо. Уже сегодня я это дело собрал, на самом деле. Да, здесь хотел бы сразу подчеркнуть, что в этом флоу по сути нет какой-то там супермагии, да, и мы не уговариваем Нейронку что-то для нас сделать. А полноценный мы получаем в итоге полноценный рабочий флоу, да? То есть у нас есть конкретные директивы, конкретные сабагенты, конкретные скилы, которые вы по факту в своём процессе можете точно также воспроизвести и аэ применять применять полноценно в работе.
И самое главное, что хочется ещё, наверное, сегодня подсветить и показать, и Данил это покажет, как раз-таки это сама архитектура среды и решения, по сути, которая будет, а, делать задачу уже за нас. Поэтому, да, основная задача - это понять, что то, что вы сегодня увидите, это полноценно может работать в продакшене, это может быть доработано до ваших целей, до ваших задач и абсолютно подстраиваться под любой проект.
>> Да. Ну, можешь выводить меня, скажи, когда я буду там на экране, на стриме.
>> Готов.
>> Всё, вывел. А, как видите, мы не стали брать реальный банк. У нас свой пиксель банк. А, возможно, он на что-то похож. Очень вряд ли, но а это прототип, который я собрал сегодня перед стримом за там несколько часов. А сделал я это, украв, возможно, какой-то банк, взяв его за основу. И что здесь у нас есть? Ну, у нас тут аккуратные анимации, да? У нас тут всё это дело работает. Можем, например, нажать оплатить по QR-коду, а-а, перейти тут в данные карты, посмотреть, что всё это дело работает. Аа тут счета, накопления, вклады счета, детализации их, ассистент, платежи. А, короче, поверхностно я собрал какие-то самые основные экраны, их сюда закинул. А зачем нам это нужно сегодня? Поскольку вы уже наверняка работаете в каких-то компаниях. А так эфир лагает, пишет у тебя Коль.
>> Да не, >> всё нормально. Сейчас я в записи посмотрю.
>> Вот. Поскольку вы уже наверняка, если вы продуктовый дизайнер, вы где-то работаете, вы работаете, как правило, с готовым продуктом, поэтому мы сегодня уже в готовый продукт будем встраивать это. Дань, дань, перезагрузи камеру. Она остановилась, да? Вот сейчас стопнулась почему-то. Хорошо. Так. Ага. Всё.
>> Да, вроде >> у Даниила кончились токены. Токены на камеру, да. А, в общем, главное, что вы видели, да, что видео только зависало, что работает прототип. будем встраивать в него. Что у нас ещё параллельно с этим есть? Я особо не заморачивался, просто через агента это собрал. У нас есть, а, Фигмафайл, тоже подключенный к этому агенту. А есть в нём Foundations, то есть собраны все цвета, все вот эти вот токены глобальные, семантические. Всё это здесь есть. Всё это сделал агент. А я бы сам офигел всё это вносить вручную. Тут вот и суммарно около 150. А для скруглений, для цветов и так далее. Ну, в общем, как это всё обычно работает. Здесь, конечно, более сжатый формат того, что на самом деле в продуктах бывает, но и у меня бы ушло ради эфира кучу времени всё это собирать. Так или иначе, вот есть у нас текстовые стили, есть у нас все токены, всё здесь у нас есть спейсинги, радиусы скругления, эффекты, иконки из библиотеки. Ну, тут что-то он не докрутил. Вот так поставим иконки. А, и в компонентной базе то же самое основное. Дань, э, когда стримить начинаешь, у тебя камера тормозит. Ну, в смысле, типа стопкадр. Ты можешь не через OBS, а напрямую просто в Streamyard включить э с видеопоток. Да, виртуальную камеру выруби и в стримярде прям выбери здесь. Камера, камера, камера.
>> Так, вот, вот он. Ты сейчас возвращаемся.
>> О, надеюсь, сейчас будет нормально.
>> Так. Ой, >> хотелось бы узнать, как агент токены делает. А вот, >> да, вот сейчас стрим есть, картинка не тупит. Всё, спасибо, >> супер. И возвращаемся ещё раз. Ну, тут собраны основные, в общем, компоненты, а, их вариации. Сделал это всё агент, MD, ML, Primary, Secondary и так далее. Ещё можно добавить состояние, но это у меня уже отдельная директива этим занимается. А, кошелёк, история. Короче, самое основное, чтобы было от чего отталкиваться агенту. Опять же повторюсь, соб собрал это всё он. Ради стрима я не стал переносить весь банк.
Так, возвращаемся к нашей призе. А, ещё не показал. Так, секунду, как это всё выглядит. Здесь вот она вся подноготная. Вот, по сути, а всё, с чем мы будем работать, это Visual Studio CД среда разработки. Но она отлично ложится под агентский процесс, поэтому, а, круто. Вы поэтому мы пользуемся ей. А здесь у нас есть различные папки. Сейчас мы ещё поговорим, для чего они, из чего это всё состоит. А, работаем справа с чатиком, просто закидываем ему задачу по центру смотрим какие-то, а, артефакты, которые он создаёт. Например, мы запускаем исследование, он там проводит это исследование, а, смотрим его итоги здесь. И справа, по сути, это просто папка, в которой другие папки, в которой какие-то текстовые документы и прочее.
А теперь давайте чуть подробнее, вот чисто базово, как выглядит архитектура нашей среды. У нас есть оркестратор, в данном случае код, clД MD - это главный агент. То есть, а, у нас будет много разных задач, да, то есть проведение брифа, сборка каких-то компонентов, сборка готовых экранов, сборка информационной архитектуры и так далее. Это всё разные задачи. И у нас есть погенты, которые эти задачи выполняют. Такие маленькие клодики, которые слушаются одного основного большого клода. А основному большому клоду в clк, а MD - это просто формат текстового файла, описано, что он должен делать. И когда мы закидываем новую какую-то задачу, говорим: "Теперь я хочу информационную архитектуру". Большой клод смотрит, какой из маленьких клодов, а, выполняет отлично эту задачу и передаёт его её ему. А, ну и внутри также у нас ещё есть инструменты. Это Figma, MCP, VS-код, Clкод. Ну, по сути, здесь мы вообще весь флоу пройдём с максимально ограниченным количеством инструментов. А на курсе мы отдельно подключаем дополнительные инструменты для более глубокого исследования, но там их не так много.
А, итак, ещё раз давайте обратимся к той задаче, которую мы сегодня будем рассматривать. Привет. Нужно собрать концепт личного кабинета для предпринимателей. На следующей неделе показываем CPO review. Детали по ходу пока бери, что есть. По сути, это весь наш бриф, если его так можно назвать. А давайте попробуем из этого развить полноценный продукт, новую вкладку в этом самом прототипе, макеты и так далее.
А, убираем презентацию, добавляем stage и возвращаемся в S-код. Итак, а, смотрите, с чего бы начать. Не все, наверное, знакомы с VS-код. Давайте начну с того, из чего здесь всё это дело состоит. Так, DMD. Это я тут закрою. Ладно, можно, в принципе, всё это закрыть. А как много времени заняла подготовка всего этого для эфира? Часа три, наверное, перед эфиром. Так, когда вы, ну, во-первых, нам вам нужно скачать VS-код. Давайте я в чат напишу название его, чтобы точно вы его нашли. VS-код. А, скачиваем VS-код. Берём, у вас откроется вот такое окно, в котором он вам предложит создать, ну, какую-то новую среду для разработки, да? Мы берём просто Open, нажимаем, создаём новую папку, которая будет называться, например, там, ну вот моя среда, да? А, уже есть такое. Среда 55. Создали, открыли. Всё это и есть ваша среда, в которой вы будете общаться с агентом, пополнять её контекстом и так далее. То есть мы часто будем говорить слово среда, но если к банальному сводить, что она из себя представляет, это просто папка. Папка, в которой хранятся хранится вся информация о твоём проекте. А в этой среде у нас, как мы ранее там смотрели, есть клодм MD. Давай сразу открою нужный экран. ClмD указания верхнеуровневые. А здесь, если мы посмотрим, например, через preview, из чего оно состоит, тут описано, что у нас есть субагенты BRIF, resarch, информационная архитектура и так далее. И здесь всё для него описано. А описано, что это за среда, чем она занимается, для чего она нужна. И исходя из этого он уже решает наши задачи. Сюда можно вообще, да, антигравити подойдёт, это тоже среда разработки. А сюда можно закидывать вообще что угодно, то есть всю информацию о продукте, направленность, там, я не знаю, какой-нибудь таймлайн, а что сейчас какие там фичи у тебя в бэклоге и так далее. И всё это он будет держать в голове. Это будет его контекст. А, и ты сможешь это всё развивать, обсуждать. Он будет понимать, о чём ты говоришь. А чтобы сюда добавить клод-код, мы переходим в раздел расширений. Вот он слева. Пишем кд-код. Устанавливаем клодкод. Всё, он у тебя уже здесь. После того, как ты его сюда установишь через расширение, открывая любой файл, здесь у тебя появится иконого клода. Нажимаем её. Всё, у нас открывается чатик. Он полностью видит всю твою среду, видит все твои файлы. С ним ты можешь здесь работать. А также, ну, перед этим здесь он, конечно, попросит тебя авторизироваться, тебя перекинет в браузер, и тебе нужно будет войти в твой аккаунт клода. По поводу клода, а-а, подписок, не подписок, я думаю, лучше в ТГ посмотреть. У нас, по-моему, был там гайд актуальный. Это постоянно меняется, поэтому лучше актуальный гайд поводу того, как из России этим пользоваться, как сделать так, чтобы вас не банили и так далее. Всё это в Телеграме у нас ссылочку сейчас тоже пришлём.
>> Да, всё супер. А, итак, дальше. Есть у нас бриф, есть у нас задача. Не так важно, чтобы у нас с буква в букву всё совпадало. А давайте сразу зададим ему задачу. Он должен понять, а какая у нас что нужно, какой из скилов, какой из субагентов задействовать. И по поводу токенов. А, ребят, сразу говорю, токены - это вообще не наша формулировка. Нам это не подходит. Мы не тратим никаких токенов. Вот, как видите, у меня потрачено 27%, учитывая тот объём, который я сделал, ну, это ничего. А при том, что я тут и сценарии собирал, и так далее. И я здесь в этой, ну, в клоде я использую его, чтобы писать сценарии для ютубов, для рилсов, а, для того, чтобы какие-то ресерчи проводить, для того, чтобы продукты школы поддерживать, развивать и так далее. И у меня на ClД Max 5X за неделю, как видите, вот сейчас через 15 часов закончится недельный лимит, меньше половины потрачено. Ну, я думаю, это о многом говорит. А вот токены вы здесь не тратите никакие, то есть вы не доплачиваете постоянно. Вы берёте один раз подписку и вам выделяются лимиты. А сессионные лимиты по 5 часов. Соответственно, вот у меня только 27% истрачено. Через 2 часа у меня снова обновится, снова будет 0%, я могу дальше его мучить. Короче, лимитов хватает. А недавно при колабе с Илоном Маском сейчас расширили лимиты вообще 2X. Поэтому не беспокойтесь за эти токены. Очень часто про это спрашивают. Вам хватит этих токенов, если так их называть.
А, итак, наша задача. А, я хочу внедрить в продукт функционал, а, B2B сегмента. Хочу, чтобы мои предприниматели, которые там занимаются розничной торговлей, ещё какой-нибудь там торговлей, а могли использовать аа личный кабинет свой в нашем банке, а для того, чтобы следить за тем, где они там что продали, какому сервису а задолжали, в общем, трекать весь свой бизнес про все свои бизнес-процессы. Закидываем ему. Как бы косноязычно это не звучало, он поймёт, что нужно делать. Пускай раз разбирается, что нам нужно сделать.
Так, а-а, через что диктуешь? Приложение называется Voice Ink. Отличная штука. Работает на локальных и моделях. Ты к серверам ни к чему не привязан. А можно пользоваться условно бесплатно, если ты понимаешь, о чём я. А, короче, штука классная.
Так, он говорит: "Запускаю продуктовый flow". Сразу находит, что сначала нам нужен бриф Expander, то есть расширение брифа. То есть нужно собрать бриф с разумными допущениями вместо блокирующих вопросов. Параллельно тесткомпане он стартует в фоне и начинает собирать тест-стент по мере появления артефактов. короче, и так далее. Вот то, о чём я вам ранее сказал, что у нас будет тест-стенд, который будет чекать все метрики там продукта, как у нас работают переходы, нажатия и прочее. Аа в среде изначально заложено, что эта штука достаточно объёмная, и ты сразу, как только мы начинаем работу над продуктом, можешь запускать её создание. Он выделил субагента под это дело и в фоне сейчас будет этого этот тест-стенд собирать. Пока мы работаем над брифом и над всеми вот этими исследовательскими этапами. А нельзя встроенную в MacOS диктовку использовать? Да, можно. Просто здесь иишки, и они постоянно обновляются и, ну, работают, на мой взгляд, лучше. Ты перед тем, как отправить запрос, нажал на глазик снизу. Что это за глазик? Да. А, хороший вопрос. Смотрите, когда вы выбираете здесь в среде какой-нибудь конкретный файл, он добавляет его в контекст вашего обращения. Соответственно, если я сейчас скажу, ну вот, например, у меня есть страница, аэ, тут небольшое паливо, наверное, так не нужно, а, ну, короче, есть у меня md файлик. Если я скажу там, ну, грубо говоря, поменяй сейчас четвёртую строчку на там какие-нибудь плюсики, он будет именно с этим файлом взаимодействовать и именно в нём менять, да? Если ты говоришь: "Найди мне какую-нибудь информацию", то он будет, а, искать в том файле, который у тебя в контекст добавлен. Если ты сюда нажимаешь, то ты отключаешь добавление этого файла в контекст, и он просто, ну, сам ищет по всей твоей среде и взаимодействует с тем, что есть. А-а, итак, итак, итак, скилы, да, мы вам, ну, я не отдам скилы, отдам вам субагенты. Здесь конкретно в рамках этой среды мы будем использовать субагентов, и их всех я вам отдам. Будут они в Телеграме. Аа, итак, он тут начинает уже поиск. Продавцы Wiberzоon боли аналитика, финансы, Quickbooks, hero Dashboard, продавец marketп боли, проблемы, штрафы, короче, изучает именно боли. А как он это делает, мы можем посмотреть в нашем агенте Brief Expender. Что это вообще, на что он опирается, из чего он состоит. Можем запустить превью и посмотреть. А какая у него логика работы? Прими исходный запрос, как есть. Не дополняй, задавай вопросы раундами. один раунд, четыре-шесть вопросов, приоритет вопросов после каждого раунда короткое резюме и так далее. Проходит по всем этим этапам, однажды описанным, и собирает всё, что нам нужно. А в финальный бриф то, что у нас получилось, у него задача собрать файлик бf md, в котором будет контекст и продукт, целевая аудитория, ключевые задачи пользователя, бизнес-тели и так далее. А теперь, пока он это делает, мы можем посмотреть, как у нас вообще на курсе выглядит проектная документация. Сейчас посмотрим. Просто здесь мы, конечно, сильно ограничены в рамках этого эфира по времени, и прямо всё досконально собрать у нас не получится. Но, мм, так добавляем на сцену вот в рамках, а, обучения, какой мы собираем, какой мы собираем PRD, а мы подключаем Notion MCP клоду, и он всё это выводит сюда. У нас тут цели и метрики, Executive Summary. Для чего это? А на что мы опираемся? Кто наша целевая аудитория? различные синтетические персоны, конкурентный ландшафт, MVP scope и так далее, userсторки. А что критерии приёма, то есть какая эта персона такую стори запросила, да, грубо говоря, что нужно, чтобы считать этот флоу закрытым и так далее. То есть, ну, здесь можно собирать прямо полноценный объёмный PRD, а, и ещё больше, чем этот. Это, на самом деле, достаточно сжатая его версия. Просто сейчас мы точно этого сделать не успеем. Так что у нас тут? Он продолжает вебфеч, продолжает исследовать весь рынок, весь интернет. А непонятно, откуда уже заполнены MD и откуда уже есть агенты и так далее. А смотрите, ребят, ваша среда, она адаптирована. Ну вот этот MD, он адаптирован под ваши задачи, под вашу среду. Собирается среда точно так же с агентом. ты определяешь её назначение, для чего она нужна, что мы делаем, и исходя из этого он собирается. Есть огромное количество различных там файлов в интернете сред под разные назначения, но я недавно выпускал ролик на эту тему. А лучше собирать самостоятельно с нуля ту, которая будет отвечать именно вашим задачам, вашим запросам, потому что чужие среды огромные, запутанные, вы ничего в них не понимаете, и когда возникают какие-то артефакты, непонятно, с чем это связано. Так, так, так, так, так, так. Блин, давайте его приостановим. Сильно он закопался. Мм, >> он опять вперёд полетел, да? >> Угу. M. Стримярде я работаю. Ну вот сейчас, да, оно как бы стопается, особенно когда ты начинаешь окна открывать другие. Угу. >> Вот VS-код норма, когда открываешь Фигму, почему-то всё крашится. >> Фигма, да, огромное количество вообще оперативки жрёт, >> и она, видимо, просто паузит видео. >> Да, MD - это Markда. Это то, что мы текстовые файлики с инструкциями. А почему именно фи? Ладно, это, наверное, рафляный вопрос какой-то. Я не понимаю, что он делает. Ладно, >> ты его не остановишь уже. >> А так здесь Фигма MCP у нас работает. Это мы скопируем. Закинем сюда ещё раз. И здесь попросим: "Прыбрифуй меня". Так. М. Нужен гайд, как собирать среду под проект для дизайнеров. Ребят, у нас есть видос на эту тему, но есть даже тестовая среда из последнего видоса. А тоже в нашем ТГ-канале вам, не знаю, как сказать, ну, нужно самостоятельно эти среды собирать, чисто работая с агентом и оптимизируя под свои задачи на курсе. Да, мы даём готовые директивы, готовые описания сред, готовые лодм MD. А, но всё это нужно расширять, дорабатывать под себя. Ну, мы можем в ТГ докинуть, в принципе, архив этой среды тестово, но как бы всю среду мы тоже не можем отдать, потому что ребята с курса за неё заплатили, а тут мы теперь будем бесплатно раздавать. Это тоже будет неправильно. А Brief Expander поставляю туду и передам вопросы из Brief Expander тебе. собирает to do list, brief expansion, research, информационная архитектура, экраны фигми и так далее. Аа, дадада. Итак, он задаёт нам вопрос. Начался, наконец-то, тот этап брифа, который был задуман. А кто основной пользователь B2B фичи? ИП с одной точкой. О, среднего бизнеса. Ну, я думаю, что обе группы интеграции. Какие интеграции должны быть в первой версии? Оzоon, VB, Я Market. Я думаю, что да. СДЕК тоже обязательно. 1S мой склад. Не хочу. А-а дальше что в приоритете? Какой бизнес-процесс главный? Финансы, выручка, логистика, аналитика продаж. Аа, ну, наверное, да, все три равнозначно пускай будет. Закидываем ему. А вообще здесь, конечно, ну, мы понимаем, да, что это тестовый вариант. Мы максимально быстро всё это дело проходим, собираем поверхностный такой исследовательский документ. Что ещё хотелось показать? А, да, вижу, ребят, что хотелось бы с самого начала хотелось бы клодм MD и так далее, но у нас бы эфир тогда занял, не знаю, часов плёга 6 часов, >> чтобы всё это просто объяснить показать. Основная концепция показать вам того, что это можно внедрять в работу, то, что это может работать в продакшене и то, что мы применяем это полноценно и с хорошим качественным результатом на выходе. А у вас будет возможность воспроизвести то, что мы сегодня сделали, да, потому что мы с вами поделимся некоторыми артефактами из нашей среды. Вот. А, но действительно, если мы говорим про полноценную архитектуру с нуля, то это достаточно большой большой большой пласт знаний, которые мы, к сожалению, в эфир не сможем уместить, да? То есть и а с нуля всё показать, и, соответственно, ещё и а собрать какой-то получить какой-то классный результат в моменте. Вот. А по поводу того, что м что лучше clддизаign или clд cod пigма mcp, пока у нас агент думает, смотрите, в cloud дидизаign можно собирать целые дизайнсистемы, как, например, мы сделали для своего сайта. А, но выглядит он всё равно достаточно как бы вольно интерпретирует то, что ты его просишь сделать. Вот, например, если мы откроем Native Page, я собирал через него страницу для курса. И здесь мы увидим, что он, ну, сильно сильно отклоняется от дизайнсистемы. В конечном итоге мой агент это всё перерабатывал, добивал до того, чтобы это было в нашей дизайн-системе. Несмотря на то, что я загружал ему вообще всё, все компоненты, все стили
и так далее, он, ну, достаточно сильно от неё отклонился, и пришлось это переделывать. То есть как инструмент для каких-то уникальных там визуалов, для прикольных экранов, быстрого прототипирования, да, круто, но как полноценный продуктовый инструмент клоддизайн не работает. Это всё приходится потом дорабатывать с помощью клод-кода отдельно.
Так что у нас здесь теперь у нас второй раунд аэ нашего брифования. Бизнес, цель, фича для банка, удержание, привлечение, рост. Давайте, наверное, привлечение. Как монетизируется фича? А, премиум тайминг квартал 3 месяца. Подтверждаем. Всё, второй раунд брифа пошёл.
Таким образом, по раундам он будет расширять, а, наш наше понимание продукта, ну, вернее, своё понимание продукта и собирать тот самый бриф. Ну, опять же, вам отдам все эти всех этих субагентов, вы сможете повторить тот же результат.
Аа вот тут есть ещё некоторые вопросы. Олег как раз-таки спрашивает: "А разве на эти вопросы не стейкхолдер отвечает?" А, да, в идеальном мире. Но вопрос же в том, чтобы получить максимально быстрый результат, который можно было бы пощупать на прототипе. Соответственно, некоторые моменты, некоторые шаги мы можем скипануть. А вопрос, да, скорости, соответственно. Ну и если как бы ты работаешь в продукте достаточно долго, то ты должен быть в контексте так или иначе, там то, как принимаются решения, куда движется продукты и так далее.
>> Да, и здесь ещё вопрос. Ну вот по поводу заточки под Россию. А, ну, наверное, понятно, что имеется в виду, что, да, многие инструменты из России там не работают без КВНА и прочее. Ну, мы на курсе рассказываем, как это всё обойти. И даже в нашем Telegram-канале есть подробный гайд, как клод к себе подключить. Это первый вопрос, вопрос доступности. Ну, мы все знаем уже, как это решается. Точно так же, как заход на YouTube, где вы сейчас сидите, в Instagram и так далее.
А по поводу того, что Так, давайте здесь прокинем всё это. Сберы зафичи, метрики различные, activation premium paid конверсия тоже проставим здесь риски IP маркетплейсов. пускай. А все данные, всё, что вы здесь обрабатываете, всё, с чем вы работаете, хранится локально в папочке у вас на компьютере. Соответственно, это нигде на там американских серверах не хранится. Аа и проблем с этим никаких нет. То есть, если вы сейчас откроете там на каком-нибудь ххру вакансии Сбера, которые связаны с вайп-кодингом, там прямо так они называются, вайпдинг, а то они там используют спокойно курсор, несмотря на то, что это зарубежный инструмент. Даже в вакансии это указывают, не скрывают. А поэтому проблем с этим никаких нет. Мне наоборот не нужно под Россию. Ну мы опционо говорим, как это всё работает, как это обойти, если это нужно. Но если тебе не нужно обойти, то и проблем никаких нет. Тут ээ продуктовый процесс под регион не заточен в целом. Как бы он везде одинаковый.
>> Просто задача в контексте российского банка, поэтому и российские примеры он и даёт.
>> Да, можно любой другой взять.
>> Ну да. То есть как бы всё зависит от того контекста, какую задачу вы решаете. Будете решать на российском рынке, будет пророссийский контекст. Будете решать про китайский рынок, будет про китайский контекст.
>> Чем это отличается от проекта в самом клоде? Они же тоже сделаны, чтобы запоминать весь контекст. Вкратце просто через клод это неудобнее неудобно делать, потому что здесь ты постоянно взаимодействуешь с артефактами, смотришь их, а там это реализовано неудобно. Причём, более того, они по чуть-чуть добавляют функционал, добавляют фишки, которые делают это всё удобнее, более возможным там именно работать. Но пока вот так намного удобнее всего работать.
А почему вы не используете Open AI? Но Open Ai долгая тема. Мне не нравится, как кодекс работает. Я неоднократно его пробовал. Он значительно хуже выполнял задачи, чем даже тот же Open Code. А когда я пытался сформировать дашборд для там, ну, своей деятельности, для того, чтобы всё вывести, всё систематизировать, трекать. А плюс там для нашей школы Open Code бесплатная модель какой-то Big Pckle собрал это с первого раза практически идеально. Кодекс долго парился, а потом, когда я попросил его Фигми собрать макеты, тоже долго это делал. Короче, ну мне кодекс не зашёл лично. Лучше клода я пока ничего не видел.
А в чём разница на практике между курсором и ВС-кодом? разница на практике VS-код ты работаешь именно с моделями Antropic, с моделями клода, sonet opus и так далее. Курсор тоже уже по сути готовая среда разработки, в которой предусмотрена работа с агентами. Там это сразу без плагинов выведено в интерфейс, как в Интегравите. А, но там ты платишь за то, чтобы использовать там и других агентов в этой подписке. А надо ли тебе это? Мне лично не надо. Я хочу только клод использовать. Я не хочу там эти 20 баксов разбивать на ещё какую-то дополнительную модель, которой я пользоваться не собираюсь. А, ну вот, наверное, ответ. Я пользуюсь именно клодом, поэтому не вижу смысла дополнительно платить за курсор, чтобы в нём пользоваться какими-то разными моделями.
Итак, бриф он у нас собрал. Ну, такой средней длины получился бриф. Можем посмотреть. А превю стейкхолдера. Хочу внедрить продукт B2B функционал для предпринимателей. Какой у нас контекст продукта? А разные сегменты: ИП, Mмиicро, ОО, Mбизнес, расширенный режим, малое, среднее, ОО, 550 сотрудников и так далее. Job to be done описал, какие у нас есть основные, а, специфичные для IP micro, для ООО Meet Business, Business Goss, что для нас главное, а чего нужно добиться? Какие-то constraints, а что у нас, какие ограничения есть, их детализация? А критерии оценки, успеха, риски. Следующий шаг. Что нужно сделать ресерчеру? Конкурентный анализ персоны, job to be done. Таблица фич по приоритетам. Открытый вопрос для исследования. Следующий шаг resarcher. Запускать. Запускать.
А, смотрите, вообще из-за того, что сейчас, а, мы используем такой сжатый процесс, это может выглядеть скучно, потому что ты просто, ну, а общаешься с чатом, запускаешь следующую следующую директиву и получаешь какой-то результат. Но конкретно в полноценном процессе мы там используем, а, синтетические персоны. Их можно, они наполняются контекстом нашей аудитории, и с ними можно общаться, копать, искать какие-то инсайты, расширять своё собственное понимание. Это тоже очень помогает при поиске фич, при поиске болей аудитории.
А мне, например, не нужен такой бонус обхода блокировок. Зачем мне платить за блок обучения? Ну там не блок обучения, просто просто, ну, рассказано там один блок, >> да? То есть это допом бонус. Это это по сути не входит в программу, так скажем. >> У нас не настолько жёсткие здесь ограничения, чтобы целый модуль записывать про то, как обойти блокировки. Нет, это всё решается не количеством инструментах, а инструментов, а просто их качеством.
Вот про кими ещё вопрос был. Ты же пробовал? А, да, пробовал. Блин, ну сложно сказать. Кими. Мм, она ориентируется на клод. Она очень сильно клод копирует во многом, как интерфейс, так и в целом работа модели. И если ты что-то копируешь, то ты не можешь быть наравне с этим. Ну, в принципе, так это всегда и устроено. Поэтому хорошая ли модель там 2,6 хорошая. Такая же ли, как код? Ну, как клод. Нет.
А так как может быть реализована командная работа в таком проекте? Смотрите. А мы с Колей, например, работаем над разными сайтами и используем для этого GitHub. Ну, GitHub ваши разработчики знают, не знаю, знаете ли вы, это такая, грубо говоря, соцсеть для разработчиков, куда они выкладывают свои проекты и там, ну, дают возможность другим людям их качать либо подключаться к этим же самым проектам. Мы с Колей просто подключаемся к этому проекту и используем по сути одну и ту же среду здесь, внося в неё какие-то правки и обновляя там в этой, ну, сети, да, социальной, грубо говоря. Аа также есть возможность подключаться по SSH - это, то есть подключаться к серверу напрямую. То есть вы кнопку не на своём компе открываете, а где-то там на сервере, грубо говоря, в облачном хранилище. И оба с этой папкой просто взаимодействуйте. Поэтому, да, >> синхронизация предусмотрена, это возможно.
>> GitHub здесь точно лучше решение, чем прямой SS, потому что по прямому SS вы можете там перезаписать друг друга, да? То есть у вас там веток не будет какой-то исторический, если только вы это сами вручную не настроите, да? А GitHub в этом плане вообще просто супер штука, позволяет работать с командой. видно, у каждого своя ветка. Мы можем объединить, например, нашу работу, а, либо можем отклонить работу кого-то из команды и так далее, да? То есть GitHub как раз был создан по сути для этого, >> да.
Вопрос ещё используете ли Magic Pass для дизайна? А в этом нет никакой необходимости. Есть Clot дизайн и есть Google Stitch, который сейчас ещё и MCP предусматривает, и, короче, вообще максимальную открытость даёт, а, большие лимиты. Поэтому Google, то есть сам MagicP ты будешь использовать для создания итерации каких-то экранов. Он не работает как полноценный продуктовый инструмент. Для этих задач есть более доступные инструменты и, ну, более рабочие.
Вот про синтетических персон ещё был вопрос. Ээ, откуда берётся контекст для синтетических пользователей из опыта, собранного вручную или также и Клод сам собирает? Аа здесь может быть и то, и другое, да? То есть вы можете собрать по сути из какой-то своей аналитики синтетические персоны. Можете, соответственно, с клодом по посидеть, поразгонять потенциально, какие они могут быть. А у меня в контексте там не дизайна, а голо разработки голосовых агентов я вот как раз-таки генерировал синтетические персоны для того, чтобы и и синтетические кейсы для того, чтобы прогонять голосового агента. Клод с этим прекрасно справляется, да? То есть его можно попросить ещё там в тест-кейсах какие-нибудь эджкейзы добавить, да, продумать риски потенциальные возможные и сценарии того, как это может работать, да, в целом. Поэтому, да, поразгонять с клодом 100% на тему синтетических и персон, и синтетических кейсов точно можно.
>> На основе чего ты собирал синтетических персон? Что?
>> Да, я агенту спросил.
>> Вот. А слишком тяжёлый вебинар для новичков. В чём сложность? Говори. По сути, мы просто сейчас общаемся с чатом. Главное выстроить правильно эту среду, понимать, как она работает там верхнеуровнево, и она уже будет выдавать тебе результат. Поэтому в чём сложность вот в рамках обучения персоны, каким образом у нас собраны синтетические протоперсоны? Во-первых, бриф проекта, ну, более расширенная версия того, чем мы сейчас занимаемся. Во-вторых, конкурентный анализ. Антонх разные, короче, из конкурентов из их опыта и то, чем они занимаются. UX Audit Time Web уже нашего конкурента более подробной. Deep Research. А мы использовали внешний инструмент Google Deep Research. Он там огромный документ вообще собирает. А и симулированное интервью общались с этим Антоном и тем самым нарыли гипотезы, что ему интересно. Я вот таким образом нарыл, что Антону, ну, здесь в рамках этого проекта. Давай, в общем, можем его посмотреть. Хотя, ладно, зачем здесь? В рамках этого проекта я разбирал облачную платформу, собирал для аренды сервера через крипту. И выяснилось, что Антону-то и не надо, чтобы был какой-то дополнительный новый сервис. Ему хотелось бы с телеги просто криптой платить и всё. И это ещё один наш был образ взаимодействия.
Итак, resarch он провёл, дифференциатор самокат Мегаamкеet в MVP взял Premium Tarгеet, главный сценарий для воронок, короче, собрал нам resеarch. Можем посмотреть, из чего это состоит, что искали, что нашли. Анализ конкурентов, аналитика продаж по маркетплейсам, где она есть, финансовая аналитика, где у кого она есть, интеграция со службами и так далее, почти ни у кого нет. Поэтому нам это точно нужно закинуть себе. А, управление остатками заказов, роли пользователей мультидоступ. Короче, посмотрел, что есть у наших конкурентов, что нам точно нужно внести в MVP, чтобы вообще конкурентоспособными быть. Аа, точка, маркетплейсы, позиционирование, это уже более детализированная информация. Собрал свод силы, слабости, возможности. А чем можно заманить повторяющиеся UX паттерны? Синтетические персоны. Первый Катя, Jobs to be Done для Кати, мотивация для Кати, профиль. А ещё один Денис, который олицетворяет средний бизнес. Оо. И Катя у нас ИПшник. Вот третья персона. Ещё один ИПшник, новичок на старте. Ну, возможно, да. А оценка J to be done map. typical сценарии, userfow, приоритизация по мозку всех наших вечей, которые нужно внести, в какую итерацию их нужно внести. Рекомендации для ИА, ну, архитектора информационной архитекту, короче, ладно, субагента под информационную архитектуру. А что ему нужно учесть? И перечислены источники, в которых всё это мы находили. Всё. А собрали из четырёх каких-то строчек максимально банальной информации. А я хочу B2B сегмент теперь у себя в банке. Он собрал нам, что мы можем предложить, для кого, а что обязательно в MVP должно войти, кто наши конкурентки, что есть в плане функционала у этих конкурентов, кто наши персоны для того, чтобы сейчас там, например, с этими персонами пообщаться, развить ещё какие-нибудь там функционал, возможности, фичи. А просто собрал вообще всё, что можно. И это максимально такой поверхностный анализ. по сравнению с тем, что он может делать.
А, итак, тактактак. Мы сейчас всего в программе четыре модуля. Первый - это AI strategist, который мы сейчас посмотрели, исследования, аудиты, а сборка эж-кейсов, поиск вот вообще всей этой информации, полноценные исследования, поиск конкурентов, исследования конкурентов, аудиты экранов, синтетические персоны и так далее. А это первый этап. Мы сейчас его посмотрели, теперь можем переходить к другому этапу. System архитек, то есть архитектор системы. А что у нас? В общем, модуль, в котором уже собирается из всей этой теоретической базы, а, наша дизайн-система, экраны, информационная архитектура и так далее. Соответственно, мы сделали это, ну, точно быстрее, чем за 2-3 дня, а то и вообще неделя выходит на это, на то, чтобы там провести созвоны, какие-то, возможно, даже глубинные интервью и так далее. Мы сделали это значительно быстрее.
А так давайте переходить. >> А, да, ещё дань, тут много-много вопросов всё-таки про а пошаговый гай, да? Э не именно именно не процесса, а вот предположим, мы решили внедрить э в продуктовый дизайн, да? То есть с чего мы начинаем? Мы начинаем со среды. Аа что там должно быть, какая она должна быть? И все вот эти скилы, сабагенты, как это всё между собой связано. А, очень много вопросов сейчас поступает в чатик у нас по этому поводу. А, да, и ребята просят чуть предысторию вот эту, да, чёрный ящик про это рассказать, который был перед тем, как мы закрыли первый этап. Что нам нужно? Нам тут надо так как-нибудь, давайте я не знаю, в фиг сюда перейду. Из чего это всё состоит? А, по сути, если если сводить к примитивному, у нас вся эта среда все состоит из двух элементов. Это теория создания агентов и наши знания. Наши знания и наш опыт. Аа теория по созданию доступна просто на сайте Antropic. У них есть полная документация касательно того, как собирать агентов, какая должна быть структура, как они должны работать и так далее. Всё это есть. И это мы можем просто закидывать в своего агента, и он, исходя из этого, нам нашу архитектуру построит. Но чтобы эта архитектура была полноценная, персонализированная нашим задачам отвечала, тут нам нужны наши знания, ну и на самом деле опыт. Ты собираешь архитектуру один раз, он делает не то, второй раз делает не то. Каждый раз ты докидываешь ему право, говоришь: "Это не так, это тоже не так. Делай так, так, так, так". Он всё это запоминает. И в конечном итоге ты просто говоришь: "О'кей, теперь создай мне на основе вот этого нашего пройденного пути и собранного опыта с skкил". Вы а вы не открываете текстовый файл и не начинаете руками печатать. Итак, ты занимаешься исследованием конкурентов. Ты такой-то, такой-то, звать тебя так-то, а ты делаешь сначала это, потом то и так далее. Нет, а ты проходишь сам этот этап, весь этот путь с агентом. У вас пополняется контекст, пополняется ваша среда какими-то артефактами. То есть там провели исследование, сохранился файлик, а, и так далее. После чего, когда результат вас устраивает, вы ему говорите: "Классно, теперь запомни это, и мы будем воспроизводить этот процесс за раз за разом. Будь это субагенты, директивы, скилы и так далее".
>> Дань, а ты ничего не рисовал сейчас? А или я просто думаю, Фигма замерла или нет?
>> Не, не, больше ничего.
>> А, всё,
>> да. Вот, то есть получается, да, продолжай. Хорошо. Не,
>> нет, давай.
>> А, да, получается, вся основная архитектура, которую мы строим, она строится индивидуально, под задачи каждого. Нет какого-то супер суперруниверсального варианта и формата. Да, есть приближённое там то, что у нас должен быть ClD- это верхнеуровневые инструкции о том, как вообще работает агент, что он делает, зачем он тут, в каком он контексте работает и так далее. Дальше, а, мы должны сформировать правильно, э, скилы наши, да? Скилы - это что? Это просто повторяющиеся действия, да? То есть у нас есть паттерн, например, проведи бриф. Бриф - это что? 1 2 3 это наш скилл. Сабагенты, соответственно, это ещё один уровень автоматизации наших процессов, да, по сути сабагент может работать в параллель нам и э может использовать определённый набор скилов. Вот архитектура здесь не такая, что прям сверхсложная какая-то, да? Основная идея - это прямо правильно заточить это всё под наши конкретные задачи, под наш конкретный контекст. А, и вот про это можно рассказывать очень много и долго. Поэтому, что вам нужно? VS-код, стартовая какая-то архитектура, которую дальше вы наращиваете, растите под свои конкретные задачи. Именно поэтому у нас как раз-таки есть в обучении отдельный пласт того, как это всё полностью настраивается и как это заточить именно под ваши задачи и как получать качественный результат от вашей агентской среды.
>> Да. А здесь он нам говорит: "Давайте переходить к следующему этапу, собирать информационную архитектуру S map, userflow на Fix Gem. А давайте скажем: "Да, о'кей. А выполняй, выполняй". А здесь смотрите, аа что хочется отметить? А, был вопрос: "Вы реально считаете, что это заменит реальные исследования и так далее? Исследования, которые касаются сбора теоретических данных. Да, это заменит исследования, которые ты получаешь. Ну, то есть результаты исследования, которые вот вы получаете из общения с реальными людьми, представителями отрасли, в данном случае реальными предпринимателями, это, конечно, не заменит, но а я думаю, там в большинстве продуктов, особенно в первой итерации, ну, вы всё равно, блин, начинаете высасывать это всё из пальца, чтобы от чего-то хотя бы оттолкнуться, чтобы с чего-то начать. Но не бегут сразу проводить по 10 глубинок. Вообще в каждом продукте просто нет таких возможностей. И, как правило, сейчас с развитием рынка, с теми темпами, с которыми всё движется, нет возможности проводить настолько там, не знаю, такое количество качественных анализов, чтобы у вас там вообще полностью вся эта исследовательская база закрывалась. А лучше, чем это сделает агент.
Так, тактак, так, тактак, тактак. А, есть вопрос вот как как создаются скилы. На примере одного скила я могу так верхнеуровнево объяснить просто вот как я, например, это делаю, да? То есть у каждого может быть свой подход, безусловно. А, но суть в том, что когда вы видите, что у вас есть действия, которые нуждаются в повторяющихся в повторяющемся плане, так сказать, то из этого уже можно собирать скилл. А если вы хотите, чтобы какие-то процессы работали параллельно, из этого вы можете собирать сабагентов с нужными скилами. Вот это если вкратце, да? А, и дальше вы уже каждый под свою под свою задачу, под свои запросы вы создаёте и скилов, и сабагентов. Повторюсь ещё раз, это как бы такая достаточно аа приватная история, можно сказать, потому что у каждого задача и подход к работе он достаточно разный. Но общие какие-то правила они, безусловно, есть. VS-код под каждого такого главного агента. Создаём свою папку. Типа я сначала собрал агента. Ну, у тебя есть разные направления, разные для этого папки. То есть даже не направления, а разные задачи. То есть зависит от объёма этой задачи. Если у тебя там твоя работа по маркетингу включает огромное количество разных флоу, ты много чем там занимаешься в рамках именно маркетинга, то да, лучше создать отдельную среду. Если это а часть, да, давай покажу, наверное, как это вообще выглядит. У меня вот у меня есть папка глобальная, в которой вообще все мои агенты. И здесь есть верхнеуровневый вот этот оркестратор ClmD. А для написания постов, для вёрстки сайтов, для написания сценариев на YouTube, ещё для многого всего другого. У меня вот есть разные среды, в которых есть свой там главный большой клод. А, и как бы по сути среда одна, да, но в ней есть подсреды, и всё это устроено через оркестрацию. То есть клодм MD, вот этот вот главный большой клод, знает, что у нас есть разные среды, и разным средам разные задачи соответствуют. Ну, как ни странно, да. И здесь описано, а, под какое назначение те или иные среды используются. И поэтому, когда я говорю: "Я хочу новый сценарий для Ютуба", он понимает сразу, в какую среду агента адресовать, в какой из них ему изолированно работать. Вот, например, есть YouTube среда, всё, он изолируется в ней, закрывается в рамках вот этого чатика и работает только с ней. пока я не скажу: "Чувак, посмотри в соседней среде какие-нибудь данные оттуда мне нужно выдернуть". Для чего это делается? Для того, чтобы иметь общий контекст вообще по школе, по всем моим проектам в одном месте, но в то же время работать изолированно. Потому что если я буду использовать вообще все эти файлы, всю эту информацию, а для каждого своего запроса, он просто задохнётся в таком количестве вводных, в таком объёме контекста. А опять же это всё просто через верхнеуровневые указания описывается с использованием методологииропик и собирается это всё агентом самостоятельно. А, итак, персоны он создал. То есть у нас, мм, это не та среда. Вот наша среда. А артефакты, информационная архитектура. Вот он её тут базово, а, создал. включил в неё то, что у нас в рамках исследования было собрано в качестве там самого основного, что нам точно нужно. Собрал анбординг, дашборд, дашборд финансы, логистика, аналитика, маркетплейсы, уведомления, настройки, в общем, всё, что нам нужно базово вот в качестве MVP для того, чтобы а внедрить вот этот функционал дашборда для предпринимателей. Ну, в принципе, в секции для предпринимателей. Следукейсы описаны, а аннотации. Тут у нас привол, налоговый виджет, маркировки источников данных. Ну, короче, конечно, когда ты с реальным продуктом работаешь, ты всё это дело читаешь, ознакамливаешься, насколько вообще релевантны данные он предоставил. Но сейчас мы этого делать, конечно, не будем. Итак, Fig, он собрал нам S map и собрал нам Userflow. Давайте посмотрим, как они выглядят. Clud MD - это твой Джарvisс. Ну да. А вся эта среда, это большая папка, это память этого Джарвиса. Так, долго что-то фигма грузится. Так, так, так, так, так. Вот собрал он, да? Блин. А Как здесь трекнуться на конкретный элемент? А там зум не работает. У, >> а структура слева можно её развернуть? >> Нет, я же видел его. Но куда оно делось? Что-то сегодня вообще так я что-то в этих проектах не могу найти элементы. Ты точно туда всё закинул? Либо просто создай копию ещё одну. Shift + 1 говорят. Вот Shift + 1, что-то нет. >> Command a такой вариант. >> А Figм бесконечный этот холст, поэтому что-то он не даёт. Весь контент на адборде. Shift 1. Shift 1 показывает команд. А, потом один тоже они не работает. Ну, странно, я видел, что появился в прошлый раз забыл планки, потом ссылки были одноразовые, превью без сохранения. Теперь два полноценных джем файла. Негодяй, не то он сделал. Вот всё. Теперь у нас нормальная информационная архитектура. А, несколько подстраниц, настройки, нотификация, онбординг, дашборд. Дашборд состоит из трёх секций: логистика, аналитика, финансы. Дашборд, логистика, аналитика, финансы. Дополнительные какие-то его подстраницы. Анбординг тоже шаги расписаны, какие у нас есть нотификация аномалии продаж, налоговые напоминания, задержки и так далее. Ну для такого беглого варианта точно этого достаточно. И второй наш userflow для разных наших персонажей. Вот главный флоу. А, подключение нового п и команда. Основные флоу он тут тоже для персонажей расписал, но они достаточно сжатые, потому что нам было нужно это быстро. Давайте сразу их закинем к нам в Фигму, всё это дело и будем двигаться дальше. Итак, он нам предлагает переходить к генерации дизайна. Да, собирай дизайн на основе наших нашей компонентной базы. Если чего-то нет, создай новые компоненты, а, добавляй семантические токены и так далее. На всякий случай сразу ему закинем. Для этого вам, ну, не обязательно премиум подписку можно купить студенческую подписку сейчас на плате.ru. Она стоит там порядка 400 руб., по-моему, на полгода. Надо посмотреть ещё актуализировать. Это, короче, это вообще недорого. Вот если мы таким образом тестируем, обучаем его, он за это токены списывает. Помимо подписки токен, что конкретно они у вас расхо расходуются. Ещё раз, токены никакие здесь не расходуются. Только если
Ты используешь по AP, но это вообще не наш вариант. Мы по IP апи здесь ничего не используем. Мы AP используется уже там в конечных каких-то продуктах, где нужно >> в разработке. Причём, >> да, в разработке. Мы как дизайнеры вообще не используем нигде АИ. Нам это совершенно здесь не нужно. Мы покупаем один раз подписку, ну как один раз на месяц. И используем её и хвост, и в гриву. Просто сколько угодно. А лимиты на 5x, например, мне лимитов хватает с головой. А за редким исключением, когда я сразу занимался там и продуктовыми задачами, и какими-то там клиентскими, и по школе, да, бывало, что она у меня там заканчивалась, но она обновляется каждые 5 часов. Я подождал час на тот момент и всё, лимит обновился, я дальше погнал. Поэтому токены, апи, вот, это обучение, это это вообще всё не проблема. Покупаешь подписку один раз, 5x на подписке Pro, да, тебе, наверное, будет не хватать, потому что здесь он работает с MCP, а Фигма MCP в данном случае это жрёт токены уже меньше, чем это было раньше, но всё-таки это съедает много токенов, это большая работа, и поэтому тут быстро сгорают эти лимиты. Приходится часто ждать, пока они обновятся. А, но на подписке Max 5X ты спокойно сможешь все эти процессы закрывать.
Так, токены всегда списываются по IP тоже. И по подписке просто по Тут нету токенов, тут лимиты. Ну как это объяснить? >> Тихо, спокойно. >> А как вы clots работаете? Их вам хватает за 20 долларов. 20 долларов - это подписка Pro. подписки про не хватит, скорее всего, для работы именно с Фигмой, для какой-то подписки про мало для чего вообще в целом хватит. Если мы говорим о профессиональном использовании код, да, в полноценной работе, в настоящих процессах, а не просто там что-то побаловаться, поспрашивать, создать первую тестовую среду, то речь идёт всегда о подписке 5X. И если мы говорим о разработке, полноценном вайпкодинге, автоматизациях, то это подписка 20x. Это 100%. Вот про подписку про в реальном в реальных задачах можете забыть, к сожалению сразу. Там лимитов не хватит ни на что. >> Подписка Pro хватает, чтобы просто попробовать собрать, может быть, один какой-то экран, собрать текста. Ну, тексты. Тексты он хорошо собирает в большом количестве там. Ну, может хватить, да, именно текст генерировать, но, да, для полноценной работы, конечно, этого не хватит. Что за подписка за 400 руб. Подписка на Educational Plan в Фигме. Вот. Ну не официальное, да, понятное дело. На плати маркете можете посмотреть. Там, ну, продают аккаунты просто. Минимум для учёбы какой нужен. Это мы ещё мы посчитали, мы покажем на более поздних слайдах. Тактактак тактактактак.
Как пристегнуть Фигма КВСкод, чтобы Клод подружился с Фигмо? Смотрите. А тут сразу важный момент, важный момент, который стоит сразу сказать. Figma MCP подключается не к VS-код. >> Угу. Да. >> Да. То есть мы подключаем именно в нашу среду в clклодкод. Все MCP, которые мы используем, они подключаются к среде. Не к VS-код как приложение, а именно к среде. >> Идкод знает, что это есть, >> да, как это подключение работает. Аа, смотрите, если вы просто скажете там любой иишке: "Зайди в мою Фигму и сделай что-то там", ну, она не поймёт, что что куда ей нажимать, что там делать, из чего это состоит. Поэтому для этого существуют MCP сервера. У всех крупнейших там сервисов, продуктов, прочего уже есть свои MCP-сервера. Они, а, такое промежуточное звено между конечным продуктом и вашим клодом. клодом или там другими нейросетями. А благодаря вот этому ядру Клод начинает понимать, где там у него слои, из чего это всё состоит, что такое стили, куда токены вводить, как это всё работает, как это всё наполнять контентом, а как с этим взаимодействовать. То же самое там касается, например, Notion. он запускает, э, ну, он понимает, как в ноушене там создавать новые страницы, как смотреть те страницы, что уже есть, как выглядит форматирование и так далее. А, соответственно, зачастую достаточно просто агенту сказать подключить к Фигме через MCP, а он посмотрит в интернете, какой сейчас актуальный наиболее подход, и использует его. Но работает это не всегда. А, >> в частности, это может не работать из-за региональных ограничений. А на этот счёт тоже все эти обходы есть, мы их освещаем. >> Да, там ещё важно понимать, что есть два MCP сервера, и один может только читать, а второй может читать и писать. И этот нюанс тоже нужно учитывать, >> да. А раньше был только MCP, который уже подглядели, спрячем. Раньше был только MCP, который, а-а, читает, да, именно в открытом доступе. И у многих там яишек это сохранилось в памяти, и они не просто, ну, не идут искать в Гугле, а какие сейчас там есть возможности у MCP? Они такие: "А знаю, Фигма MCP, да, это которые только читать позволяет". Нет, настаивайте, душите его, чтобы он именно а тот MCP-сервер использовал, который нужен для подключения, для записи в Фигму.
Ну, давайте сразу подглянем, что он тут насоздавал. Есть у нас уже какие-то экраны. Из-за того, что у нас дизайнсистема достаточно сжатая, он, конечно, здесь, а, в наш банк по дизайн-системе не сильно попадает. Это всё мы сейчас ещё его попросим доработать. Ну, пускай пока он делает, там ещё не все экраны у нас отрисовались. А платье синее, скукар, ну, короче, наполняет каким-то текстом. М, ещё часто там проблемы есть, например, когда у тебя вот работа с такими дашбордами, а, куча всякой информации, всё это нужно каким-то реалистичным контентом текстовым наполнять. Вот это тоже запара. Лично у меня всегда это вызывало недовольство, мягко скажем. И он это это эту задачу закрывает сам этим всем наполняет без всяких лом ипсум. Так, ну пускай ещё делает вообще. А в рамках полноценной системы мы ещё предусматривается, а там у нас предусматривается директива, которая запускает аудит. Он делает скрин каждого макета, отсматривает всё, сверяет с дизайном. Ну, то есть, что ничего не переполняется, что всё нормально работает, что всё выстроено на нашей дизайн-системе и правит, если какие-то эти правки есть. Ну вот, кстати, у нас к началу эфира было только 20%, сейчас мы потратили ещё 26, но там через 2 часа это уже сбросится снова.
Можете показать, как точно и как долго переносится у вас из кода в Фигму экран с использованием компонентов и токенов из live в фи, >> может наоборот из фигмы в код. Просто зачем из кода в Фигму? Там есть плагины, которые без справляются с этой задачей. Если у ва если у меня уже написано много уже на сервере работает, прикручен страй и тому подобное, как выходить из такого? Работал я через clд desktop. А что, что значит выходить? Ну, просто даёшь доступ к своему серверу у агента, предварительно описав, что ты ничего не удаляешь, не стираешь подчастую. ты именно там взаимодействуешь, проводишь аудит, а, и всё. Ну, пользуешься дальше. У нас сайты сейчас так работают. Аа, например, вот сайт программы, я с ним дописал, доработал, домучил его и здесь также предусмотрел там, не знаю, вот эти анимации он проставил, всё это сделал. Аа его также попросил сделать, чтобы он выводил весь контент в нашу CMS-систему, чтобы им мог пользоваться наш контент-менеджер. Что-то это не пробивается у меня. CMS Pixel Perfect School. Так, что у нас тут ещё собирает? Ладно, пускай собирает. И всё здесь через content management system. Он также всё это на моём серваке развернул, создал. Можно заходить куда угодно здесь менять текста уже без там знаний разработки и прочего. Тексты менять цены. Этот, ну, в общем, всё это работает и без него теперь уже. А если что-то новые страницы, что-то нужно дополнительно туда докинуть, просто говорю агенту, он их создаёт, точечлю, что мне там не понравилось, и всё.
Так, так, так. Что у нас здесь? Много экранов мы собрали. Много экранов мы в нашей архитектуре предусмотрели, сильно много, поэтому сейчас, пока он всё это отрисует, нужно подождать. М. Да, надо было ограничить, конечно, его по количеству элементов. Сейчас это много времени будет занимать. Вот, например, на прошлом эфире мы на самом деле делали плюс-минус тоже для другого точно не банка. Здесь он тоже собрал базовый дашборд из всех компонентов. Вот собрал такие экраны для перевода. Аа такая у нас компонентная база, тоже со всякими условиями. токены. Всё это здесь он вносит, уже делает это не первый раз и собирает на этой дизайнсистеме. Главное, чтобы она была полной. А здесь, да, что-то в этот раз он, конечно, собрал не очень хорошо, скажем прямо. А, прямо целый винегрет тут накрошил, как в чате сказали. Но потому что в этот раз дизайн-систему я не собирал настолько подробно. Достаточно мало здесь экранов, и он по ней не особо пошёл. Вот так. В самой Фигме вы ничего не рисуете предварительно. Это всё создаётся по MCP. Да, потому что очень долго бы это было. Да, в этот раз сборка действительно жесть. А в прошлый раз он значительно лучше справился. Не знаю, с чем это связано, но сегодня в целом Клод как-то, как видите, застревает на процессах, тупит, поэтому так. Давайте его остановим. Вообще скажем, слушай, тех экранов, что ты собрал, уже достаточно. А сейчас я вижу такую проблему, что оно не соответствует нашей дизайн-системе. Ты не создал компоненты на повторяющихся элементов, ты не прописал, а, семантические токены, ничего из этого ты не сделал. Ну и, в принципе, на дизайн-систему нашу это совершенно не похоже, а это нужно исправить. Тут, да, конечно, он жёстко закосячил. Можно это вручную поправить, но это будет долго, поэтому пускай это делает он. Да, иногда надо его отчитывать. Иногда он реально фигню делает. Возникают почему-то проблемы. Ну, связано с серверами антропик иногда просто, да, бывают сбои. Можем, кстати, посмотреть, а сейчас мониторинг мониторинг стабильности клод. Аа так это не то. Клодстатус. Да, сейчас вот начинаются жаловаться, как раз появляется что-то не так. Очень интересно, ничего не понятно. Ну да. Ну мы сегодня вот на этом эфире мы замахнулись просто на сразу весь процесс. Поэтому ещё в силу того, что сегодня не очень хорошо работает клод, мы на этом маленько засыпались. Наверное, стоило взять меньше и посмотреть более точечно на внедрение там какой-то отдельной фичи, а не целого не целого дополнительного сервиса. А тут комментарий сегодня на эфире прямо наглядный пример, как это всё работает на самом деле на сегодняшний момент, но это совершенно не так. Вот вы можете зайти на YouTube, посмотреть предыдущие эфиры. Всегда всё работает отлично. Сегодня, да, ну такое тоже бывает. От этого без этого никуда. А, но ничего страшного. В любом случае, так или иначе, он собрал уже огромную нам базу теоретическую. Вручную всё это собирать в своей голове, а систематизировать, ушло бы огромное количество времени, так или иначе. А, и даже в самой Фигме, несмотря на то, что эти макеты сырые, они есть, они предусматривают боли и ту архитектуру, которая уже заложена исходя из исследований. Это не просто там рандомные какие-то экраны, рандомные показатели и так далее. Это то, что там так или иначе уже в качестве базы точно можно использовать. Поэтому я бы не сказал, что это прямо фигня какая-то полная, что это плохо работает. Ну, конкретно в плане вот создания визуала, да, сегодня он посыпался, но прямо исключение одно из там 100. Такое тоже бывает. Нет ни одного инструмента облачного, ни одного сервиса, ни одного сайта, который всегда работает стабильно. Так.
Eh А когда нужно менять модели и включать адаптивный thinking, думанье. А модели мы меняем в зависимости от задач. То есть, например, по исследовательским процессам, в принципе, для того, чтобы закрыть их быстро, мы могли использовать и модель SNET. Когда речь идёт о работе с MCP, когда нужно собирать продукты, да, прототипы какие-то, то здесь уже нужно использовать Опус. Он значительно мощнее, но и лимиты расходуют быстрее. А адаптивный, думание, не знаю, adдаaptive thinking, а у меня почти всегда включен. Он как бы особо процессы не грузит, не продлевает. Так. Вот здесь он уже маленько исправился, сделал лучше этот экран. Вот так. Сильно много экранов. Надо было ограничиться тремя. Так, а-а, давайте его Я не знаю, остановим, попросим, выдели мне, в общем, три самых главных экрана, без которых не работает. Пока их не создавай, ничего не делай. Просто выдели три самых основных, которые нам точно нужны в этом продукте. Закидываем ему. И давайте выделим, что нам точно надо, чтобы он сейчас создал. Дашборд. Ну, к примеру, дашборд, наверное, нам нужен антигравити. Вон пишут в чате, что упал. Запись будет 48 часов доступно. А три экрана: Dasшборд, marketп ибординг. Вот сейчас эти три экрана поправь, сделай, чтобы они полностью соответствовали дизайн системе. А всё здесь он добавил иконки. Ну вот видите, здесь, а, было бы больше экранов, например, у меня здесь уже готовых, было бы больше компонентов. То есть, если бы я использовал вашу, если бы тут был кто-то из этого не банка и любезно предоставил бы мне эту дизайн-систему, конечно, такого никогда не будет, то да, он бы уже понимал, на что опираться для того, чтобы всё это нормально собрать. Но, к сожалению, у меня нету дизайн-системы этого банка. на компе, хотя и на курсе. Я знаю, что проходят ребята, которые из подразделения альфы, именно, блин, забыл, как называется, Alpha People, по-моему, называется. Вот именно типа лайфстайл какие-то движухи. А они собирают по дизайн-системе, скармливают её по чуть-чуть кусками, потому что если сразу всё закинуть, она сдохнет, просто захлебнётся агент. и в рамках этой дизайн-системы работают. А из Т-банка тоже, по-моему, есть кто-то, но я не уверен, это реально Т-банка кейс или человек просто выбрал банк. Вот этого я не помню. Но, короче, пользуются чужими дизайн-системами и оно в них работает.
Так, header button tsx читает уже готовые компоненты, которые есть у нас именно в проде, в нашем прототипе. И refactor три экрана, моковые данные. А экраны вообще по флоу создаются или что он сейчас накидывает? Да, это ровно тот флоу, который у нас был. Ну вот, например, дашборд, дашборд marketplace Ozоon и какой-то конкретный товар. И вот сейчас мы давай посмотрим архитектуру. Мм, вот dasшборд секция. Аа, так, я понимаю, что это у нас Marketпйс. И в маркетплейсе конкретный товар. Ну, здесь он его через Jonл SQ ID, как это было бы а уже в проде. И, короче, поэтому идёт финансы, логистика, то есть все вот эти вот он решил заверсать, все вот эти экраны конечные. И да, конечно, он тут засыпался. Мне интересно, он переменные тоже Фигму заливает и семантические примтивы, если создавать киIT с нуля. И да, это не дизайнсистема, да, он это всё собирал с нуля. Тут у нас уже есть семантические глобальные, ну, примати примитивы и семантика. Он все их собрал. А, но тут их, конечно, не сильно много. Там Surfaceй, радиус, цвета. Он это сделал самостоятельно. Он их видит и может с ними взаимодействовать. экраны layout sxшь, скажи. Для чего нужна оболочка разработки дизайнера? Я без всякой хочу понять для себя, нужен ли мне VS-код? VS-код бесплатный, как бы ты ничего не теряешь, сразу говорю, если хочешь его использовать. Второе, аа сам клод-код, в нём тоже можно выполнять эти задачи, но там неудобно взаимодействовать с конечными артефактами. То есть, если ты проводишь какое-нибудь исследование и хочешь посмотреть на этот документ в конечном итоге, то там это делать не очень удобно. А если ты этот документ хочешь ещё и поправить, что-то внутри него поменять, то там это ещё неудобнее, а там этого просто не предусмотрено. Поэтому я работаю VS-код. Здесь больше кнопок, казалось бы, но по большому счёту здесь всё намного проще. А, итак, он добавил семантические токены, портировал button card, создал новые повторяющиеся компоненты, переписал три экрана. Ну, видите, он вообще какую-то фигню сегодня делает. Ты не должен был в прототипе что-то менять. Мы сейчас говорим об экранах, которые ты собрал в Фигме. Внутри Фигмы вот эти три основных экрана нужно пересобрать аккуратно, красиво на нашей дизайн-системе. То, что ты сейчас в Фигме собрал, выглядит плохо. Так, а что наш прототип? Он там его не убил. Угу. Локальный хвост он отрубил. Что я вижу в Фигме? Нестковка с реальностью и так далее. Изначально компоненты как были собраны из того, что есть в открытом доступе? Да, он я просто ему закинул прототип, ну, скачал страницы Сбера, закинул сюда, он пересобрал их в качестве нашего вот этого приложения. Figma F. Сейчас ровно две страницы: foundation и компонент. Страница со скринами. Нет, ну да, видите, он вообще он вообще не понимает, что сейчас происходит. Нет, посмотри Фигме. Ты только что через Фигма MCP собирал экраны, теперь же ты говоришь, что ты их не видишь. Ты собрал ряд экранов, собрал их плохо. Я сейчас говорю, вот эти три основных экрана нужно пересобрать так, чтобы они выглядели аккуратно, красиво в нашей дизайн-системе. Собрать их именно внутри Фигмы и скрин. Скопируем ссылку на эту страницу. Отресовка СВГ векторных иконоквали делать с помощью агентов. А внутри агент классно СВГ отрисовывает прямо целые слайды презентации может собирать. Он их нормально рисует. А если есть уже готовая библиотека каких-нибудь иконок, там, например, я использую чаще всего, он также её классно сюда переносит. А у меня здесь даже есть foundation. Я вот попросил иконки сюда закинуть, сделать компоненты. Он это сделал, он сюда их закинул. Аа, но если ты просишь именно сразу внутри Фигмы отрисовать иконку, то он делает это не очень хорошо. Поэтому, если ты хочешь собрать там сет иконох каких-то, то сначала внутри агента в клоде скажи ему там, отрисуй эти иконки, чекни, что они действительно нормальные, и потом уже проси их в свою Фигму добавить. Тогда это будет работать нормально. А так файли ровно два листа. Frame of Beast Dash экранов потнече их не собирал. Дизайн генератор ни разу не отработал. Мы его прервали оба раза, говорит. А, ну да, что-то совсем у него всё плохо. Ещё раз этот Фигма документ просканируй, посмотри, где что находится. А найди все там наши экраны, короче, все эти секции, а, фреймы, вернее, и продолжай. Где хранится дизайн-система в каком-то агентском контейнере или в Фигме? Как лод понимает, что при создании прототипа ему нужно ориентироваться именно на неё? Здесь это сделано максимально поверхностно в основной среде, которая на курсе у нас. А так, сейчас я её закрыл уже. Сейчас открою. Вообще, мм, как это устроено? Он здесь внутри, а, создаёт вот этот React прототип, а в котором также есть компоненты семантические, там вот эти переменные и так далее. А по сути то, что мы привыкли видеть при создании там макетов и дизайн систем в Фигме, он хранит здесь в качестве там приложения полноценного в коде описанного. Вот, например, если мы возьмём какой-нибудь сайбарbar, модуль CSS, вот у нас есть элемент sidebar, ширина у него 200 пикселей, падинги 8 пикселей 24 и так далее. Аа и есть зеркальная копия этого в нашей Фигме. все вот эти же самые элементы. И мы выстраиваем дизайнсистему, а, таким образом, чтобы они были взаимосвязаны. Для этого у нас внутри создаётся файл, а, который описывает эту взаимосвязь, что к чему относится. А так, да, и как это устроено именно на нашем этапе. Так, новый новое окно. Open. Тактактак. Агенты. Пп. Пп. курс открыть. Здесь у нас есть, например, вот наша дизайнсистема, папочка. И здесь есть вот все компоненты, действия, ввод и так далее. Давайте в превью её откроем, чтобы это было нормально работало. И здесь вот у меня Learn Workspace, тот проект, который мы в рамках курса собираем. Здесь у нас такие экраны. А вот есть у нас, например, компонентная база, есть батн. У него описано, что батon имеет node ID такой-то, чтобы, ну, типа, где его искать в фигма проекте, а где у нас, ну, где используется этот элемент, в каких экранах и какое у него назначение. Также элемент input, то же самое. для чего он есть, какие у нас есть для навигации, какие у нас есть контейнеры, фидбеки, данные, особенные какие-то компоненты, option card, вот, например, аа, и, в общем, их описание подробное, где, для чего, как это всё выглядит. А почему мы так делаем? Потому что если вы используете свою дизайн-систему и сразу говорите ему: "Вот, в неё заходи и создавай мне новые экраны", он начинает смотреть вообще всю вашу дизайн-систему. А если она у вас, ну, уже реально живая, рабочая, там, наполненная какими-то экранами, компонентами и прочим, то она, скорее всего, будет большой. Если он начнёт сразу всё смотреть, из всего этого искать, что ему нужно, чтоб там собрать новый экран, он просто в этом захлебнётся. Поэтому, аа, когда есть какие-то, сейчас покажу, когда есть у нас большая дизайн-система, мы запускаем, а скил его DS с SCAN, он сканирует эту дизайн-систему, всё это себе сохраняет в память и таким образом синхронизируется с нашей Фигмой. И когда мы в дальнейшем просим его собрать какие-то новые экраны, он использует её, берёт эти компоненты конкретные, уже знает, где они находятся в Фигме, и собирает на них. И таким образом у нас токены лимиты практически не тратятся. Ну, то есть очень медленно сгорают. Так, без дашборд, экраны. Что у нас тут? Здесь ещё, ну, в компонентах вот у нас есть foundation, например, по поводу токенов, те же самые названия, их коды, которые используются в нашей Фигме. Если мы откроем компоненты, то увидим, что тут, например, при описании где-то тут это было, а вот стили хединги такие-то используются вот эти токены и так далее. state default border border default и так далее. А так мм что у нас тут? Что у нас тут? Так, давайте, ребят, на секунду прервёмся. А Так, возвращаемся. А нет, нет, нет, нет, нет. Так что у нас делает код? А, итак, фигма деликирую дизайн генератор. Пересоберу пересборку трёх ключевых фреймов на реальных компонентов. Старый версии удалит и сделать чисто на инстансах. Добавит недостающие компоненты и токены. Всё занимается прочтением, занимается созданием этих экранов. А тактактак. Где это? Что он там? Он должен был собрать нам точно дашборд. Ребят, ну сегодня демонстрация того, что бывает, когда пытаешься без ну, короче, очень быстро сделать очень много без там полноценной подготовки среды. Здесь я, ну, среду создавал тестовую такую, чтобы она, а, быстренько хватала разные этапы. Всё показала, прошлась по всем, но, ну, не предусмотрел, что надо было большим контекстом её наполнить для того, чтобы она это всё делала аккуратнее, не перебарщивала. Сейчас получилось, что взяли сырую среду для того, чтобы сделать огромный объём, да ещё и за полтора часа. Плюс на серверах Клода проблемы. Мы вот только что посмотрели мониторинг и, короче, всё это наложилось и не получилось. А прямо, чтобы всё идеально с первого раза он собрал. Так, так, тактак, тактактак тактактак. Это, я так понимаю, он добавил вот эти экраны. А нет, это старые. Вот он рисует новые. Рисует уже чуть лучше. Ближе к нашей дизайн-системе. Это уже больше похоже. Ну, в общем, три основных экрана практически есть у нас. Сейчас он ещё допилит немного и попросим его внедрить это в наш прототип. Если ещё больше было бы контекста, то новички бы совсем не понимали, что происходит. Я имею в виду контекстом наполнить самого агента, более строго задать ему правила, сразу ему сказать, что ты делаешь не больше трёх экранов, потому что сейчас, ну, мы ограничены во времени. Ты не проглатываешь, не кусаешь больше, чем можешь проглотить. Короче, мы этого не сделали, и он решил сделать всё. И, соответственно, в принципе, это и есть вот а процесс обучения агента. получился плохой результат там или что-то тебе не нравится, не до конца он классно это сделал, говоришь ему: "Нет, чувак, тут ты допустил такую ошибку, тут допустил такую". Он такой: "А, но это, наверное, потому что я не учёл это, это, это". Запомнили? Идём дальше. И таким образом всё он запоминает. Вот, например, даже сейчас мы сказали ему: "Отрисуй три основных экрана". Он продолжает рисовать Оzоone. Step1, Step2, Step-3, ещё какие-то экраны. А, короче, сегодня он явно не в себе. Остановим процесс. А татата старый дашборд. Это новый дашборд. Вот этот м включение нового маркетплейса. У нас вроде это новая штука. Это старая. Это старая. Старая. Ладно, в общем, попросим его. Итак, ты сделал вот эти три основных экрана, которые я тебя просил. Сделал их дизайн. Теперь добавь их в наш прототип. То есть в то React приложение, которое у нас есть, добавь, а, там, я не знаю, в меню новую строку, например, бизнес и сделай, чтобы вот эти экраны открывались при нажатии на неё. Именно эти три экрана, которые я просил тебя сделать, три основных. Как обезопасить рабочие файлы с компонентами в Фигме при подключении MCP? А-а, смотри, ты изначально запрашиваешь, а, ну, определяешь вот в clДМ MD в этом файле с верхнеуровневыми указаниями, что
Он не должен вносить в уже существующие компоненты никаких правок. И тогда, если он в здравом уме, он этого делать не будет. А вот, ну, в принципе, только таким образом ты это и ограничиваешь. А если сомневаешься, если не хочешь рисковать, то можешь это делать в отдельном файле, в дубликате. Так, попробую. За у меня кодекс поудалял файлы безвозвратно. Сейчас тупо копирую в другую папку. Вот, кстати, с Клодом у меня не было такое, чтобы он просто взял и удалил. А с кодексом, ну, кодекс — такая странная штука. Единственное, с Клодом было, что он там одну переменную заменил, и у меня сайт не открывался. Он это за 5 секунд восстановил обратно.
Стиль и патерный. Я знаю, да, спасибо за добрый отзыв. А, да, неловко получилось. Ну, много хотел очень сильно показать, и получилось, что не всё отработало.
Сейчас попросим его собрать э прототип. Да, запись будет. Запись будет доступна 48 часов. Всё, он уже для себя посмотрел, какие компоненты у нас появились новые в вот этих вот макетах, и их копии создаёт в своём, а, в своей базе компонентной именно для нашего прототипа. Надо повторить стрим, значит. Да, у нас ещё много будет стримов и на эту тему, и на другие, и на эту тему. До этого было много стримов, поэтому можете там глянуть.
А, а не лучше ему писать промты с помощью другой нейросети или лучше наговаривать с общениями? Аа, да нет, ему точно не нужно другими нейросетями писать промты. Это же не генерация изображений. Если ты там в нанобанах хочешь подробно описать, а, какое-то какой-то продукт, какое-то изображение, которое тебе нужно создать, то, да, лучше использовать другие не расти. А так здесь не обязательно. Он сам прекрасно все темы раскрывает.
Три страницы создаёт: бизнес page, бизнес Marketplace Azone и Onboarding Page. А добавляет business item to sbar и запускает на локальном хосте. Так, так, так, так, так, так. YouTube, ну да, конечно, очень, очень долго он сегодня работает. Фигми, если по экрану мы посмотрим, что у нас тут, то есть, ну, по большому счёту, да, была бы дизайнсистема, он бы собрал в ней подробнее, но здесь он только гипотетически может предполагать, как бы это выглядело в ней. По факту автолейауты у нас есть. А это даже... Ну да, конечно, он вообще здесь вот он собрал на компонентах. Так, ну бывает. SBS SX. Так, всё, собрал наш прототип.
Здесь у нас ничего не сломалось, всё работает как раньше. Появилась страничка «Бизнес». И здесь именно в процессе прототипирования он уже дотянул до того, чтобы это лучше выглядело. И, ну, выводит сюда дашборд. А, создал здесь новый новую страницу. А можем перейти на Оzоon, посмотреть график, посмотреть, что у нас тут: аномалия, выручка упала. То есть у нас было описано это при исследованиях, при создании архитектуры, что важно там проводить мониторинг, видеть, что если какие-то у нас есть аномалии. Поэтому сюда он сразу это уведомление внёс. А Оzо, обзор маркетплейса, Ателье Style — открыл ещё какой-нибудь. У нас должен быть должен был быть ещё один экран. А вот платье, наверное, нет, какой-то третий должен был быть там экран. Короче, даже то, что у нас не получилось визуально именно нормально сделать в Фигме по каким-то причинам сегодня, а он, ну, вполне сносно собрал уже в итоговом прототипе.
А вот подключение маркетплейса дополнительно он тоже нам сделал. Здесь это интерактивно уже сейчас. Например, Оzоone. Далее: клиент ID, ключ. Давайте что-нибудь. Валидацию сразу предусмотрел, чтобы просто так нельзя было пройти. Подключить. Загружаем данные. Оzоone. Авторизация. Открыть дашборд. Ну и сохраняет как пароль. Нет, нам это не надо. А всё. То есть даже этот флоу он дополнительный предусмотрел. Если тебе нужно подключить ещё какой-то Marketпйс. То же самое: Яндекс Market. Апи ключ. Подключить. Загрузка dasшборд.
Аа, всё, вот так это всё у нас выглядит. Давайте возвращаться к нашей презентации. Аа, так или иначе, мы уже в каком-то виде эту фичу реализовали. Она, в принципе, нормально выглядит уже на самом прототипе. А мы затронули сейчас два модуля: System Architct — это вот создание дизайнсистемы, подключение её, а, сборка финальных макетов, поддержание всего этого взаимосвязи между тем, что у тебя, а, в клоде и тем, что у тебя в Фигме. Сегодня, к сожалению, он просто, блин, нестабильно работал. Плюс задача была объёмная, одно на другое наложилось. Такое бывает. Можете зайти на предыдущие эфиры, там всё видно, что я заранее ничего не создаю. Ну там, кроме среды. Он прямо на ходу генерирует целые прототипы, полноценные фичи. Можете в этом сами убедиться. Сегодня, к сожалению, он работал чуть хуже. Также затронули модуль AI-прототипирования и агенты. То есть как в конечном итоге из этого создать прототип? А как добавить, а как к этому продукту дополнительно создать агента, который будет его менеджерить, создавать какие-то новые там продукты и так далее? И опять же, на эфире это максимально сжатая версия.
Аа, resarch у нас из открытых источников: один вариант карты экранов, готовая дизайнсистема, которая перенесена была только там на 1% из того, что уже есть. А поэтому, ну, и тестн с базовой аналитикой, я думаю, для тех, кто останется, мы можем ещё проверить, попробовать докрутить его, если вам интересно. А сейчас уже, конечно, стрим значительно затянулся. Вот, на самом деле, мы собираем синтетических пользователей, многократно прогоняем гипотезы, проводим их валидацию, проводим аудиты конкурентов именно там по визуалу, проводим их по ивристикам Нельсона, а то есть, ну, полноценную фундаментальную исследовательскую работу проводим. Даже в полтора часа этого эфира мы бы не уместили это всё. Также проводим аб-тесты карты экранов до макетов. У нас своя дизайн-система, связанная с кодом продукта полноценно, не как сегодня, когда он пытался одно к другому подтянуть. И, а, деплой, тесты с реальными пользователями, разбор результатов, как эти все результаты подбивать, систематизировать. Да, как мы сегодня могли убедиться, AI не заменит дизайнеров, но дизайнеры с AI уже начинают заменять дизайнеров, которые этими подходами не пользуются.
Если мы сейчас откроем, а, тот же там хруu, мы уже увидим, что собираются и команды где-то. Это, например, как в Сбере, — такие экспериментальные вакансии. Например, хотим там вайбкодера найти, который нам будет сразу ндоOS писать, делать это с курсором, и дизайнить, и верстать. А где-то это уже, как, например, у прору, — полноценные команды. Если мы сейчас, ну, можете зайти, короче, в любой момент, проруu собирает именно AI first команду, где аналитик будет пользоваться ей, где дизайнер будет пользоваться ей, где разравы будут пользоваться ей, то есть полноценную команду. И такие команды в дальнейшем их будет значительно больше. А потому что даже сейчас вот на хруu, например, упоминание AI-навыков в вакансиях выросло в 2 с половиной, даже больше разов за год. А учитывая темпы развития нейросетей, то, насколько они становятся популярнее, это будет расти в геометрической прогрессии.
А в конечном итоге, что если ты в найме, то это твоя возможность либо перескочить на другую вакансию, либо удержаться на той вакансии, на которой ты сейчас находишься. Потому что рынок сейчас очень агрессивный, найти своё место трудно. Если раньше мы могли там из разных продуктов прыгать каждый год, повышаясь по грейду, то теперь, ну, такое провернуть значительно сложнее стало. О чём это говорит? О том, что рамки своих компетенций нужно расширять. И внедрение Ии в свои процессы как раз-таки тот то, что уже работодатель запрашивает, не говоря уже о том, что ты намного больше можешь брать, а, как дизайнер, под свой контроль.
А, ну и в целом, что меня лично прильщает в этом подходе: что вот меня всегда бесило — вот у меня возникают часто какие-то идеи, я хотел что-то внедрить, продукт, это нужно доказать, объяснить команде, а, дать понимание того, как ты вообще себе это представляешь, почему ты считаешь это необходимым. Это долго, это сложно, это много этапов согласования. И, блин, это целая проблема. Тебе нужна команда не только для того, чтобы согласовать внедрение этой фичи, но и для того, чтобы её, как следствие, создать. Здесь же ты эти, а-а, свои идеи ты можешь самостоятельно собирать. Вот у тебя есть, а, и исследовательская база, и проектная документация, которую ты можешь показать, сказать: «Вот почему это надо, вот у каких уже конкурентов это есть, вот в каком виде у них это реализовано». А, плюс собрать уже готовые макеты на своей дизайн-системе и собрать прототип, который сразу можно подсунуть, сказать: «Вот смотри, как это работает». Потыкать, посмотреть, протестировать. А и, конечно, внедрение своих собственных идей, развития вот таким образом в команде у тебя будет проходить намного быстрее, намного комфортнее. А самая такая, не знаю, то, что лично меня постоянно ранило: что ты приносишь и тебе надо вот доказать, что нет, вот это надо так, вот это так, вот так объяснить всё это. Если ты можешь сам всё это сделать и принести готовый результат, почему бы этого не сделать?
Если же ты на фрилансе, ну, эту возможность брать намного больше проектов, разумеется, повышать свой чек, повышать скорость своей работы, а, и использовать самый актуальный подход. Поэтому через 2-3 месяца внедрением этого подхода в свои процессы ты работаешь уже совершенно в другой реальности. Если ты хочешь делать больше, брать больше, больше влиять на свой продукт — пожалуйста, у тебя для этого будет намного больше времени и возможностей. Если ты хочешь просто остаться на своей позиции и делать меньше — пожалуйста, и также твою работу ускорит.
А чисто вот мой прогноз: что к двадцать седьмому году рынок окончательно разделится на две группы. Те, кто работают по классике, как в 2023, там максимум GPT или Perplex используют аа для там какого-нибудь поиска информации. И вторая группа — это те дизайнеры, которые используют актуальные, современные и подходы. Они растут в доходе, они актуальны на рынке, они задерживаются на своих вакансиях, на своих позициях. Ну и в принципе, как бы нам не хотелось, как бы мы сами с вами там не понимали, что, да, какой-нибудь там, а, аналитик, продуктовый дизайнер, просто UXY дизайнер — это опыт, это человек, который долго в продукте, он уже знает, как это работает, это ценный сотрудник, но бизнес смотрит на метрики и бизнес смотрит на скорость. И, конечно, нанять какого-нибудь джуна, который будет за пять других джинов делать всю работу с и для них более выгодно, более как-то релевантно, чем держать большой штат сотрудников, как бы это печально не звучало.
А, и раз вы здесь, раз вы интересуетесь этой темой, то вы уже сделали первый шаг в нужном направлении. Это очень здорово. Я вообще, ну, прямо хочу пропагандировать этот подход, потому что, ну, это очень круто, и действительно скоро он будет уже везде. А, то есть курс — это твой рычаг для повышения зарплаты минимум на 3,50, на 30 на 50% или возможность остаться на той позиции, на которой ты сейчас находишься.
А нужно ли покупать нейронки во время курса? Тоже часто спрашивают. А в целом, чтобы качественно делать работу, рабочий потолок — до 100 долларов в месяц. Это ровно те нейронки, которые мы, ну, отобрали для вас, которые вам позволят делать максимально максимального качества результат. На нашем Ютубе вы можете убедиться, посмотреть, что мы используем вообще всё новое, что выходит, смотрим абсолютно всё. А, и, ну, это позволяет нам отобрать ровно то, что нужно, а не просто, что сейчас там актуально, что сейчас на хайпе.
А для тех, кто там говорит, что в интернете всё есть, сам разберусь, — да, возможно, но зачастую нет, потому что 90% AI-контента в интернете — это отдельные фишки без системы. Если мы сейчас, например, возьмём, там, я не знаю, самый популярный на Западе канал по агентским процессам — Ник Сараев, то у него много роликов. Эти ролики полезные, классные, интересные. Но что бы он не отдавал, про что бы он не рассказывал, это только вот отдельные его фишки, те отдельные его куски флоу, а которые ты просто себе забрав, ну, не можешь нормально применить. Поэтому, ну, в этом можете сами убедиться. А в целом большинство AI-гайдов устаревает на 2-3 месяца, потому что AI — это тема на хайпе, и всё, как правило, что на хайпе, оно релизится быстро сразу, а потом меняется через там месяц или два. И, соответственно, без фундаментального понимания базы того, как это всё работает, ты бесконечно гонишься за самым актуальным, хайповым и в конечном итоге не понимаешь, как это полноценно применить.
А кому подходит этот курс, а кому не подходит? Этот курс подходит продуктовым дизайнерам уровня midл и выше из там различных уже готовых продуктов, тем, кто пробовал клод-код или нечто похожее, но упёрся в потолок без там понимания фундаментального, как это всё должно работать. А, ну и тем, кто просто хочет быть впереди команды, а не догонять её или сменить позицию на более актуальную. А тем, кто хочет, чтобы просто ты ввёл один промп и у тебя сразу всё собралось автоматически, — не сюда. Я не знаю куда, правда, но такого пока и не предусматривает. А также тем, кто ждёт, что курс заменит навык продуктового дизайна, — нет, нужно понимать, что ты делаешь. То есть мы сегодня посмотрели, что он и там PRD нам, а, поверхностно собрал, собрал usеflow, там UGM, персоны, огромное количество всего каких-то артефактов он собрал. Вроде как ты читаешь, это правдоподобно выглядит, но если ты не продуктовый дизайнер, если ты не можешь грамотно оценить результаты этой работы, то, ну, сомнительное качество у неё получится. Всё равно в конечном итоге валидирует полученный результат человек и, ну, полноценный специалист. Ну и также джуниор, который не понимает, как устроены продуктовые процессы, а как это всё там должно по-настоящему выглядеть, также может запутаться в этом, не понимать, что он делает и для чего. И тут, наверное, лучше всё-таки поднять немного свой грейд.
А прямо сейчас, сегодня до 12:00, ну, вернее, до 23:59, действует промокод Native 46, который, а, даёт вам скидку 46% к цене, а, на полный продукт, когда у нас там все четыре модуля. Сейчас мы ещё об этом подробнее поговорим. Сейчас осталось только восемь мест из сорока, потому что это уже, а, не первый наш запуск в этом месяце. Поэтому имейте в виду: сейчас вы можете воспользовать э воспользоваться этим промокодом и получить скидку 46%. А сразу говорю: если сейчас вы на сайте бронируете место с этим промокодом, вы просто резервируете за собой скидку 46%. Не обязательно платить сразу, ещё в течение 3х дней у вас есть возможность принять решение, нужно оно вам или нет. Сегодня процесс был не слишком иллюстративный, хотя в целом результат получился всё равно хороший. Вы можете посмотреть, ознакомиться ещё с подходами на нашем канале, с предыдущими эфирами, предыдущими видео и уже принять для себя решение. Так или иначе, забронировать сейчас скидку за собой 46% точно лишним не будет.
А вот старт потока следующего уже завтра, 14 мая. Поэтому имейте в виду, а из чего вообще наша продуктная секта секта сетка состоит. А у нас четыре модуля: AI Strategist — то есть исследование и всё, что было у нас в самом начале. System architect — глубокий контроль там генерации, а взаимосвязь между дизайн-системо и то, что у нас знает наш агент. Создание компонентов, создание дизайн-систем, подключение к уже существующим дизайн-системам. Также Visual Engнеer — а генерация именно визуала, картинки, видео и прочее, как это всё м собирать так, чтобы оно было консистентным, чтобы оно не перегенерировалось заново, чтобы оно точечно редактировалось и так далее. Огромное количество, на самом деле, проблем возникает при генерации визуала. И я, и прототипирование, и агенты — прототипы, агенты, готовый продукт. Аа, это всё в этот модуль включено. Ну, то есть то прототипирование, которое было у нас сегодня. Ну и ещё огромное количество сопутствующих, а, скилов, директив, информации, которые позволяют делать это быстро, качественно и взаимосвязано, системно. А вы можете по отдельности купить каждый из этих модулей, и, возможно, что-то вам ближе, что-то вам совершенно не интересно, либо взять всё сразу со значительной скидкой, а именно в формате пака AI Native Designer. То есть мы весь процесс закрываем от исследований до прототипирования. Соответственно, вся программа по сути представляет собой логику продуктового процесса. А если что-то для вас актуальнее, вы можете взять отдельно. А, но значительно выгоднее будет взять продукт целиком. Также, мм, трекинг пользователей. Ну, сегодня, наверное, мы уже не успеваем, если вам это интересно.
Так, так, так, так, так. И ещё раз главное: промокод Native 46 до 23:59 сегодня действует. Скидку даёт -46%. А забронируйте за собой эту скидку, пока это пока такая возможность ещё есть.
Итак, у нас ещё осталось время. А можете задать свои вопросы, на всё отвечу. Жду ваши вопросы в чатике. Так. Да, либо у нас задержка, либо вопросов нет.
Как лимиты Figma MCP обойти складкод? А для этого есть отдельный инструмент именно, который использует Фигма через AP. Не могу сейчас вспомнить его название. Аа, без лимитов можно использовать. Задай этот вопрос, пожалуйста, в телеге, в посте этим видосом, под анонсом эфира, я тебе там на него отвечу. Сейчас просто гуглить не хочу. А-а, ну не гуглить, у меня это есть в среде.
Так, а где сам учился? И учился и в бою на методом проб и ошибок. А как изучать тему? И и если ты только входишь в профессию? Смотри, сразу тебе скажу: мы не изучаем ИИ как профессию. Мы изучаем её как способ модернизации своего процесса. Если у тебя уже есть профессия дизайнера, если у тебя уже есть своя профессия там продуктового дизайнера, аналитика и так далее, ты можешь внедрить и в свои процессы и их там четырёхкратно как минимум ускорить. Но мы не изучаем сначала и, а потом профессию. Так это не работает. А если в курсе будет что-то непонятно, то будет ли онлайн-поддержка? Да, у нас есть, аэ, ну, во-первых, поддержка, в которые отвечают как менторы, так и я лично. В любой момент в бота ты можешь задать вопрос. Всегда тебе ответит всё, что касается программы и всё, что касается. И, а если это там, ну, не просто какую машину выбрать, например, да, на такие вопросы мы не отвечаем. Всё, что связано с программой, с этой направленностью, в любой момент в бота ты можешь написать.
А не было ли опыта использования UX Pilot? Как он по сравнению с Figma AI? А был опыт использования? Всё. Ну, смотрите, я перепробовал много плагинов для Фигмы именно с использованием вот и с отрисовкой экранов. Результат приятный, крутой, но а он делает, во-первых, не лучше, чем клодкод, который правильно настроен, у которого есть нормальное подключение к Фигме. А и, м, как правило, эти расширения, эти плагины работают нестабильно. Они либо не открываются сегодня, либо там просят достаточно большие деньги из-за подписки, либо эти стоимости подписок повышают. И, ну, как сказать, позитивного опыта у меня особо от работы с такими плагинами не было. Единственное, что я их открывал, видел: «О, круто», а потом разочаровывался. Вот. А в любом случае, ну, они, понимаешь, эти плагины, вот как раз мы говорили об Аи, они используют нейросетки именно через AP. А и ну это само использование IP в четыре раза дороже, чем использование подписки клода, например, да, для решения своих задач. А, ну именно там по соотношению вот затрат лимитов, токенов и прочего. А, соответственно, этот плагин работает сам по себе в четыре раза дороже, чем тот же клод. Плюс ещё его разработчикам на чём-то надо заработать, оплатить эти IP. Соответственно, ну, это просто оверй, по сути, ты можешь использовать готовый клод. Короче, смысла в этом нет.
А так, Мак Mini, как поступили? Вы дали доступ на всё агенту карточку? Нет, смотрите, есть разница. А вы здесь путаете две важные штуки. Вот агент, с которым мы сейчас работали. А у нас есть конкретная среда. Если ты не даёшь ему там явных разрешений, он в этой среде изолирован. Он работает только с этими файлами. Максимум, куда он выходит, — это заходит на сайты. Короче, там Фигма сам по себе тоже, грубо говоря, сайт. Вот он может с твоей Фигмой взаимодействовать, может в браузере искать какую-то инфу, но он не имеет на твоём компьютере там, не знаю, доступ ко всем паролям, ко всем карточкам и так далее. Это исключено. Я не готов такой, э, уровень доверия проявить к и, но то, о чём ты говоришь, ты, наверное, имеешь в виду тех агентов, которые собираются там через Open Clow, например, которые выступают в качестве твоего там дополнительного работника, сидят у тебя на Макмине круглосуточно и менеджерят твои процессы. Многие так делают, мы этому не учим, и мы так не делаем, потому что это не безопасно, это так себе история. Вообще лучше таким не заниматься. Если ты ловкий, смелый, хитрый, умелый. Джунгли тебя зовут, пожалуйста, можешь по рискнуть. А у тебя есть одна единственная общая среда, где ты скейлишь всю логику своей школы, делаешь ландосы и так далее. У меня были разные среды под разные процессы. Когда таких процессов стало много, мне стало неудобно просто между ними переключаться. Поэтому я провёл мерч, объединение всей этой среды, пересмотр всей этой архитектуры, а, выстраивание архитектуры вот этой объединённой среды, таким образом, чтобы он, а, оркестрировал и отправлял субагентов в нужные им среды и работал изолированно с ними. Опять же, к вопросу об изоляции. Если я пишу видос для YouTube, я просто захожу в эту глобальную среду, создаю новый чатик, говорю: «Мне нужно для Ютуба». И он отправляет агента в ту конкретную среду, которая под него предназначена, и не лезет в другие, не ищет там ничего, работает ровно с тем, с чем ему связано. Если ты просто всё закидываешь в одну папку, объединяешь и вот эту архитектуру не выстраиваешь, то он начинает смотреть абсолютно всё, съедать всё и в итоге тупит, выдаёт плохой результат, работает очень долго и так далее.
Так. Клод прикладывает много усилий для блокировки ВРФ. Правительство у нас тоже закручивает гайки. Есть у вас план Б? Чем заменить клод хотя бы временно, чтобы успеть, например, к дедлайну? Смотрите, а давайте по этапу со стороны правительства. Как нас правительство может ограничить в использовании тех или иных инструментов? Любой КВН эти ограничения обходит, за исключением белых списков. Белые списки — это такая прямо очень экспериментальная штука. Её внедряют, как вы можете увидеть сейчас, постепенно готовятся к тому, что, возможно, там появится необходимость её внедрения, и делают, короче, экспериментируют потихоньку. А по-настоящему белые списки, я уверен, что на нас никто не наложит, там на оператов и на прочих, потому что, ну, это огромнейший удар по экономике, вряд ли. Соответственно, сторона с блокировкой со стороны государства у нас отпадает. Аа, тот уровень блокировки, который сейчас у нас есть, мы можем обойти. Аа, если у нас клод закручивает гайки, клод, а это решается качественным опять же кавейном. Мы берём свой сервер и используем его. То есть почему вообще там в чате GPT, в клоде ещё где-то могут ванить? Аа, потому что вы используете, например, VPN, которым уже много людей пользуются. Вот многие сейчас берут где-нибудь в Телеграме а VPN, и им в Телеграме выдают сервак, на котором сидит уже там человек 100. И эти 100 человек на одни и те же сервисы заходят. Ну, конечно, сервис видит, почему у меня с одного IP где-нибудь, я не знаю, там, в Новосибирске, в Москве, в Тальяте одновременно заходит с разных устройств, как это вообще возможно? Всё, он начинает банить. Так, а он это палит. Если вы берёте свой сервак зарубежный, на котором сидите только вы, то вас не отследят, если делать всё аккуратно. Поэтому есть стабильные способы обхода, которые работают, которые ежедневно работают и у меня, и у Коли, и у Паши. Поэтому это не проблема. Это неприятно, но закрутить гайки для них пока не представляется возможным.
Так, генерация коммуникационного дизайна с помощью клода на основе существующего брендинга. А я планирую видос записать на эту тему, а, с использованием HXELT MCP. А вообще, ну, генерация визуалов работает двумя разными путями: диффузионная, когда он просто рисует пятно и потом его из него, а, развивает какое-то изображение правдоподобное. И второе, когда там естьшка, которая управляет вот этим а инструментом для генерации визуала и отрисовывает конкретные какие-то объекты, как, например, там чат GPT image 2 работает или нано банана. А вот тут как раз-таки клод выступает в роли вот такого агента, который указывает, что нужно отрисовывать. И при подключении к Хиксфилду открываются огромные возможности для того, чтобы делать полноценный консистентный дизайн. Это первое. Второе, что менее экспериментально и больше контролируемое — это использование нодового подхода при генерации визуала. У нас на курсе это описано вкратце, как это выглядит. Ты выстраиваешь пайплайн, например, ты генерируешь там, не знаю, какой-нибудь визуал, не знаю, там, сет каких-нибудь рубашек, не знаю, там, одежда у тебя. И вот у тебя есть первая рубашка, вторая, третья. Тебе надо, чтобы они были в одной сцене, выглядели консистентно, с разных ракурсов и так далее. Ты выстраиваешь один раз пайплайн в новом подходе, а для этого можно использовать, а, vivви, либо, либо freak spaces. И в дальнейшем просто заменяешь продукт, у тебя в том же качестве, в тех же форматах сохраняется визуал, и всё выглядит консистентно. Вот лучше использовать это для такого подхода. Опять очень развёрнуто отвечаю. Короче, посмотри Hix MCP, подключение к лоду и нодовые модели. А нодовый подход генерации.
Что по Google Steitch Clodдиign в с интеграцией их в вашей работе? Для работы над продуктом подходит лучше клод с подключением через Фигма MCP. Он прекрасно держит контекст, следует дизайн-системе, если она есть, и если он правильно настроен, и продукты там получаются консистентными и адекватными. Но работает это не так быстро. А что касается такого подхода, как, ну, случаев, когда нам нужно быстренько сделать какую-то итерацию визуала, быстро накидать, а то тут как раз-таки clodдизаign и Google Stech подходят больше. Clдизаign мне нравится больше. Я его использую для там создания каких-то лендосов, то есть какие-то короткие, а, как сказать, небольшие продукты, где огромное количество экранов. Вот, например, страница там лендоса главноя, возможно, ещё блог к ней дополнительный, там страница статьи. Вот для этого он классно подходит. Он, а, достаточно консистентен. Он хорошо держит дизайн-систему, насколько это возможно для креативного инструмента. Именно тут это подходит, чтобы там, ну, в зайти в clклодизайн и ожидать: «Сделай мне приложение на 50 экранов» — не вариант. То же самое касается Google Stitch. Google Stitch в плане визуала слабее, а в плане дизайнсистемы исследований ей тоже слабее, но Google Sitch делает быстро и делает много. Там те же восемь экранов, возможно, это а разные экраны одного приложения или восемь вариаций одного экрана, он сделает вообще быстро, там, я не знаю, ну, минуты три ему достаточно, чтобы он их сделал, но в конечном итоге они получаются неконсистентными. Вот можем вообще на самом деле зайти на Google. То есть, а, Google Stech как инструмент таких вот быстрых итераций, какого-нибудь создание первого визуала тестового подходит, но как полноценный продуктовый инструмент — вообще не вариант.
А могу по поводу КВкомендовать проксиifire на Маке и просто 45 до ВПэски. Я обязательно ознакомлюсь с этой рекомендацией. Спасибо.
А так, стич. Что-то у меня здесь нет этих. Так, ну, вроде на все вопросы ответил. Мм. А, всё, ребят, я думаю, пора закругляться. Сколько стоит нанять профи, чтобы довёл до ума существующий проект? Не понимаю, какой проект, о чём идёт речь. Типа Фигме довёл до ума или в конечном итоге что там свёрсно довели ума до ума? Не знаю. У нас наш основной сайт, по-моему, максимально до ума доведён и работает он безукоризненно. Собран он с помощью агента полностью. Ну, визуал я, конечно, правил сам, смотрел, говорил, что тут стоит добавить, что работает не так хорошо. Вот. Аа, также по поводу безопасности. Ещё раз отвечу на вопрос. Ребят, в вашей среде всё работает локально. Все эти файлы хранятся у вас на компе. Даже там, если ваш аккаунт вдруг забанили, вы просто берёте новый и продолжаете ровно с того же места, с теми же самыми историями переписок, потому что они опять же хранятся у вас локально, и с теми же самыми файлами. Плюс это хранится локально, это не отправляется на сервера, это нигде в Америке не хранится. Поэтому это всё также остаётся у вас, и это полностью безопасно. Аа, за сколько по времени был собран сайт? За один день полностью: от там первых итераций дизайна до конечного рабочего сайта, который можно менеджерить через внешнюю систему без подключения меня как разработчика, без подключения клода, а через там content management system CMS. А на этом всё, ребят. Спасибо за эфир, спасибо за ваши вопросы, спасибо, что досидели, учитывая, что не всё у нас стабильно работало. Увидимся на следующих эфирах и на нашем YouTube-канале. Не забудьте подписаться. На этом всё. Всем пока.