Speaker A
Да, ну, надеюсь, у нас всё хорошо.
Разбор того, почему AI-сайты выглядят одинаково (шаблонные паттерны, кремовые цвета, карточки в карточках) и как сделать дизайн, который не похож на AI-слоп, с помощью выбора модели, обсуждения задачи
Key Takeaways
- AI-дизайн становится однообразным, если не задавать конкретную задачу и не вкладывать заботу в детали
- Качество результата сильно зависит от выбора модели и подробного обсуждения требований до генерации
- Явно прописанные правила и дизайн-системы (agent MD, design MD) помогают избежать шаблонного стиля
What the video covers
- Введение в тему: как перестать делать одинаковые AI-сайты, на примере создания одностраничного сайта
- Аналогия с архитектурой: модернизм породил одинаковые «зомбиздания», и похожая тенденция происходит с AI-дизайном
- Цитата из выступления Кейти Дил (руководитель дизайна Stripe) о важности заботы (care) в деталях дизайна
- Пример размытого сайта, по которому невозможно понять, о чём он — AI-шаблоны не учитывают задачу продукта
- Типичные паттерны AI-слопа: фиолетовые градиенты, метрики, стандартные кнопки, общие слоганы вроде «Build the future with AI magic»
- Современные паттерны, которые AI повторяет постоянно: карточка в карточке, цветная полоска сбоку, кремовые цвета, засечки, капс над заголовками, стрелки на кнопках, длинное тире
- Рекомендации: выбрать подходящую модель (Opus, GPT-5 и др.), обсудить задачу и аудиторию до генерации, явно просить детали и заботу о них
- Использование дизайн-систем и файлов правил (design MD, agent MD, скиллы) для задания стиля
- Демонстрация инструментов работы с дизайном и генерацией, ответы на вопросы аудитории
- Практическое задание: доработка варианта дизайна с добавлением инфографики, графики и изображений
Chapters
- 00:00Введение и постановка задачи
- 04:35Аналогия с архитектурой и проблема AI-дизайна
- 08:29Забота о деталях и примеры хорошего дизайна
- 12:37Типичные паттерны AI-слопа
- 20:00Выбор модели и обсуждение задачи
- 38:48Дизайн-системы и файлы правил
- 60:00Практическая генерация и домашнее задание
- 75:00Ответы на вопросы аудитории
Full Transcript — Download SRT & Markdown
Speaker A
Да, Дмитрий, спасибо.
Speaker A
Давайте начинать.
Speaker A
Всем ещё раз добрый вечер.
Speaker A
И мы начинаем нашу основную тему: как перестать делать такие одинаковые AI-сайты.
Speaker A
И, собственно, мы делаем второй наш проект, да, то есть это одностраничный сайт, который невозможно принять за AI-дизайн.
Speaker A
Ну, невозможно — это я, конечно, так, типа прямо уж совсем сказал, да, но в смысле, что он не должен выглядеть как такой типичный AI-сайт.
Speaker A
И вот это мне очень нравится, эта шутка, да?
Speaker A
То есть, что все вайбкодят, когда все вайбкодят веб-сайты.
Speaker A
А давайте для начала вообще разберёмся, что у нас происходит с AI-дизайном.
Speaker A
И тут я позволю себе немножко так, чуть-чуть нагло, но процитировать выступление Кейти Дил — это руководитель дизайна Stripe.
Speaker A
И мне очень понравилось её выступление, поэтому я прямо вот хочу несколько идей из этого выступления процитировать, потому что, мне кажется, они очень верные и хорошо подмеченные.
Speaker A
То есть вот на самом деле то, что сейчас происходит с AI-интерфейсами, да, и AI-дизайнами, — это такое повторение строительного бума, который был.
Speaker A
То есть вот, например, если взять XIX век, то там в XIX веке банк был похож на банк.
Speaker A
Банк говорил о надёжности и безопасности: камень, колонны, симметрия, да?
Speaker A
Ну, то есть вот решение было принято для этого здания, исходя из его задачи, да, то есть вот показать, что это такой надёжный столп, финансовый, куда как бы не страшно отнести свои деньги.
Speaker A
А при этом потом, да, появился, соответственно, модернизм, и у них, у них как бы была задача, да, после Второй мировой войны строить нужно быстро, а максимально как бы тиражировать стиль.
Speaker A
И поэтому мы получили в своё время, да, в архитектуре вот такое огромное количество очень-очень одинаковых зданий, так называемые зомбиздания, да, то есть они все очень-очень-очень похожи.
Speaker A
И нечто такое же сейчас происходит в AI.
Speaker A
То есть вот раньше, да, когда делался сайт, он делался таким же подходом, как там вот банк, да, то есть он был продуманный, да, вот для чего он, для какой цели делался.
Speaker A
И что произошло сейчас?
Speaker A
Вот мне очень понравился у него такой пример.
Speaker A
Он на самом деле просто очень иллюстративный.
Speaker A
Ага, это то, что если вы посмотрите, например, вот на такой веб-сайт, да, о чём этот веб-сайт, что здесь написано, что здесь размыто?
Speaker A
И на самом деле, если подумать, здесь всё что угодно может быть.
Speaker A
Абсолютно всё, что угодно.
Speaker A
И в конкретном случае здесь скрываются корейское барбекю, но вот этот дизайн вообще никак, абсолютно ничего нам не говорит о корейском барбекю.
Speaker A
И в этом как бы проблема, потому что вот эти шаблоны, да, на которых были натренированы особенно более ранние AI-модели, они не учитывают, в чём ваша задача, да, то есть что, например, ваш сайт должен решать и как должен ваш дизайн работать.
Speaker A
И при этом одновременно с этим, это вот одна сторона, да, проблема: люди используют такой AI, который просто бездумно делает какую-то картинку или какой-то дизайн, а с другой стороны, они не вкладывают в это заботу, да?
Speaker A
То есть, ну, вот в русском языке нет под это хорошего слова, потому что в английском это там или говорят обычно «care», да?
Speaker A
То есть это то, что когда тебе не всё равно, на что ты делаешь, и такое можно на самом деле очень много где увидеть.
Speaker A
А, да, больше того, вот когда мы смотрели ваши игры, во многих, почти во всех, ну, в принципе, можно сказать, во всех играх была вот эта забота, да, в деталях.
Speaker A
И это, например, если вы там, когда будете себе устанавливать Grokbot на телефон, обратите внимание на его анимацию, да, там такая классная анимация происходит.
Speaker A
Или, например, у вас там Google Календарь: обратите внимание, что иконка календаря стоит на сегодняшнем числе.
Speaker A
То есть вот эта забота, её AI, ну, на самом деле может сделать, но вам нужно попросить, чтобы он это сделал.
Speaker A
То есть автоматически он почти никогда этого не сделает.
Speaker A
То есть это просто такое вступление, чтобы вообще очертить, что на самом деле произошло с дизайном.
Speaker A
Теперь давайте посмотрим, какие ключевые паттерны плохого дизайна у нас есть.
Speaker A
Но тут тоже важно сказать, что вот этот пример, ну, наверное, это уже прошлое даже.
Speaker A
То есть это ещё встречается повсеместно, да, но в принципе, если вы работаете с топовыми моделями, такого дизайна уже, ну, как бы реже сейчас встречается, потому что помните, было такое очень всё фиолетовое, обязательно градиент в словах, обязательно какие-нибудь метрики, обязательно такие стандартные кнопочки, которые почти везде встречаются, где AI что-то генерит.
Speaker A
А слова, которые подходят вообще всему, да?
Speaker A
То есть, например, «Build the future with AI magic», да?
Speaker A
Это просто о чём угодно можно вообще сказать, да?
Speaker A
То есть вот это такой типичный пример AI-слопповского дизайна, но AI-слоп тоже развивается.
Speaker A
То есть, например, если сейчас говорить, какие современные модели чаще всего допускают ошибки, это, ну, тоже даже ошибки, это не ошибки, это именно настолько часто повторяющийся паттерн, что в итоге, ну, в нём не было бы ничего плохого, если бы он не встречался постоянно.
Speaker A
Это, например, скажем, карточка в карточке, то есть каждый блок в рамке, рамка в другой рамке, да?
Speaker A
То есть вы тоже можете присмотреться.
Speaker A
Вот AI просто обожает такой многоуровневый многоуровень рамочек.
Speaker A
Это не всегда плохо смотрится.
Speaker A
Иногда это хорошо смотрится, но опять-таки, если это происходит сейчас повсеместно и постоянно, то глаз начинает это ассоциировать с AI-слопом.
Speaker A
А, например, вот такая иконка, плитка над каждым заголовком, да?
Speaker A
То есть, ну, я думаю, вы видели, тоже такое часто происходит. История, опять-таки, плохо ли это?
Speaker A
Да нет, вообще неплохо.
Speaker A
Ну, в плане в вакууме здесь нет ничего плохого, но просто когда ты уже сейчас везде, всегда и всюду и по поводу и без, то, соответственно, это начинает плохо восприниматься.
Speaker A
А шрифт, например, тоже вы очень много где можете такой шрифт заметить в AI-генерациях.
Speaker A
А вот эти всякие метрики, просто много-много различных метрик.
Speaker A
И AI очень любит метрики.
Speaker A
И это тоже, ну, намекает нам, когда мы видим какой-нибудь такой сайт, что-то здесь нечисто.
Speaker A
Вот эта цветная полоска сбоку — это моя личная боль.
Speaker A
Я не знаю, откуда это взялось, но это есть даже у Opus 5.5, это вообще у всех есть.
Speaker A
То есть вот такая цветная полосочка сбоку — это прямо какая-то беда современных моделей, или там вот этот неон какой-нибудь на чёрном, тоже AI очень любит такие штуковины.
Speaker A
Это вот больше про современные модели.
Speaker A
А какие ещё есть, вот самые прямо, то есть, скажем так, если это тренды прошлого, а это тренды, скажем так, последнего года, какие есть самые трендовые вещи прямо в октябре 2026 года, да?
Speaker A
То есть это, во-первых, кремовые цвета, засечки и таракот.
Speaker A
Вот это прямо, я не знаю, тоже откуда это взялось, но кремовые цвета теперь просто везде.
Speaker A
Попросишь особенно Клода что-нибудь сделать, он всё в кремовых таких цветах делает.
Speaker A
А потом там любит очень вот этот капс над заголовками, строки ABC.
Speaker A
Да, тоже откуда-то взялось.
Speaker A
Нумерация без какого-либо прямого реального смысла.
Speaker A
Стрелки на каждой кнопке, а там каждая секция выплывает снизу, это тоже такое встречается.
Speaker A
Ну, там длинное тире — вот это как раз, скажем так, было, можно сказать, до недавнего времени.
Speaker A
И это в целом вообще такое, ну, длинное тире — типичный признак.
Speaker A
Но, кстати, вот именно Opus 5.5 как бы использует поменьше.
Speaker A
Теперь давайте посмотрим, а по какой причине вообще AI-сайты одинаковые, да, и почему это на самом деле плохо.
Speaker A
Ну,
Speaker A
моделями. И Kimika 3 тоже довольно хорошо делает. Там Sonet, в принципе, тоже как бы, ну, ну, но если можно OPUS или JPT6 Astra. Вот эти вот две модели, они реально довольно хороши. То есть это первое, что вам нужно. Вам нужно выбрать
Speaker A
подходящую модель. Второе, вам нужно обсудить CI, что и для кого, а что и что и для кого вы делаете, да? То есть вам вот это нужно, э, обязательно обсудить C, то есть вот не просто сказать, что типа там вот сделай
Speaker A
мне вот это, нет, нужно нужно как следует обсудить. И вот тут Богдан пишет: "Ege overall, а как насчёт конкретно веб-сайт, следующая вкладка".
Speaker A
Ну, смотрите, если смотреть просто веб-сайт конкретно, где у нас вот веб-сайты, да, то мы видим, что а первое место заняли экстремисты-террористы, а признанные в некоторых странах. А дальше у нас идёт, ну, тут Астра немножко обгоняет опис, но мне кажется,
Speaker A
это такая немножко мм ну вкус и цвет. Разница слишком маленькая. То есть, как бы, мне кажется, просто половине людей нравится так, половине так. А в целом почему бы я посмотрел Overall? Потому что, а, мы же не только веб-сайты вы будете делать, вы
Speaker A
там делаете, например, game, да, например, вы там игры делаете, а-а, дата визуализации, да, соответственно, э- визуализации даты, да, там 3D-дизайн, да, то есть это всё так или иначе может использоваться в ваших проектах. Поэтому я бы в целом смотрел overall, но,
Speaker A
конечно, если вам нужно там конкретно там web app делать, да, то я бы тут тоже смотрел там frontend, да, какие какие модели лучше. Вот, кстати, тут прямо Астро вырывается, но на любителя, как бы. Вот я не знаю, я бы не сказал, что
Speaker A
мне прямо очень Астра нравится. У неё хорошие бывают дизайны, но в целом мне опус больше нравится. Но при этом там недавно один мой товарищ тоже говорил, что ему очень нравится Asстra. Так что может быть это просто я такой. В любом
Speaker A
случае, берите вот эти первые топовые модели. То есть тут главный урок скорее не конкретно, какую модель одну выбрать, а, ну вот у нас есть некий диапазон, который точно хорошо работает.
Speaker A
И очень важно с ней как следует это всё обсудить, да, обговорить, а вы для кого вы это делаете, как вы это делаете.
Speaker A
Потом нужно выбрать правильные дизайн инструменты. Мы сейчас поговорим про эти дизайн инструменты, пока не будем на них останавливаться.
Speaker A
Дизайн инструментов есть очень много разных. Они, а, хорошо тоже работают. То есть много-много много тут как бы есть разных вариантов. А четвёртый момент, обязательно создавайте разные макеты. Это вот, пожалуй, вообще лучший совет, который я могу вам дать.
Speaker A
Никогда не говорите просто там типа: "Сделай мне дизайн". Нет, скажите: "Сделай мне пять дизайнов". "Сделай мне пять дизайнов". Я посмотрю. В некоторых случаях я говорю: "Сделай мне 10 дизайнов". И он мне делает 10 дизайнов, и я начинаю: "Так, слушай, вот тут у
Speaker A
тебя вот это классно, давай ещё совместим с вот этим". И всё. И получается прямо очень-очень классно.
Speaker A
А, и самое главное, обязательно в конце добавьте заботы. То есть, когда у вас уже как бы всё готово, вот пройдитесь прям вам как бы вы вы не должны вы не должны говорить там, что типа вот тут вот это сделай, а там вот это. Нет,
Speaker A
вы должны просто сказать, что слушай, давай, ну, можно прямо там сказать, что давай добавим вот заботы деталям, да, там что мы можем добавить тут классного.
Speaker A
Так, сейчас может на секундочку исчезну момент. То есть вот этот пункт с заботой, на мой взгляд, это один из самых важных пунктов. То есть, когда вы уже всё сделали, не останавливайтесь на этом. Обязательно попросите, чтобы он вот о сам по он придумает, что сделать.
Speaker A
Просто вы это увидите прямо, как что это как это меняется. А теперь перед тем, как мы ещё поговорим сейчас про инструменты, аа вот сейчас мы вот я вижу вопросы Эдуарда, а я не понял по сайтам. Там же обычно фиг строят или уже не нужно?
Speaker A
Сейчас мы вернёмся к этому к инструментам. Я у нас есть подробный разбор инструментов. Сейчас мы до этого дойдём. Значит, а, во-первых, важно отметить, что есть три слоя инструкций.
Speaker A
Значит, как как бы вот как всё, что связано с вашим а дизайном, да, а это укладывается в мм в инструкции, да? То есть, во-первых, у нас есть Agent MD, который теперь а автоматически тоже читается, кстати, клодкодом. Э, так что теперь не
Speaker A
обязательно использовать ClД MD. Что важно в agents MD? Обязательно, а, например, пропишите, что скажем, например, например, для любой UI задачи прочитай дизайн MD. Сейчас мы поговорим, что такое дизайн MD. А для, например, там делаешь ревю интерфейса, используй такой-то скилл, там, а, не добавляй
Speaker A
цвета и шрифты вне дизаign MD. Ну, условно говоря, да. То есть можно по-разному это сформулировать, но у вас должны быть вот такие ключевые, а, как бы, вещи. связанные с дизайном, упомянуты. Да, не надо там всё, все правила дизайна расписывать, а просто
Speaker A
вот напишите, что для там создания дизайнов там используй а дизайн MD, все правила оттуда, а там скилы для которые мы используем.
Speaker A
Такой-то скилл, например, там, не знаю, для м ревью дизайна, такой-то скилл для создания дизайна, да? То есть здесь должно быть перечислено, да, то есть вот что, где как, да? То есть это это должно быть agents MD - это просто
Speaker A
маршрутизатор, типа, что вот туда сходи, вот то посмотри информацию, сюда сходи, там такая-то информация. То есть это маршрутизатор.
Speaker A
Дальше у нас есть дизаign MD. Это документ, который аа стандартно в себе содержит. Это дизайн MD - это стандарт гугловский, то есть который который придумал Google. И он в себе содержит всю информацию, а, собственно, о том, какие у вас,
Speaker A
например, там ключевые цвета на сайте, какие у вас кнопки, что у вас должно там, ну, то есть у вас всевсе вот вообще все дизайн правила, которые у вас есть на сайте, они записываются в дизайн MD.
Speaker A
И а также у вас могут быть скилы, да, какие-то конкретные, например, там скилл для ревью интерфейса или скилл для создания кнопок, да, если у вас там много надо кнопок создавать регулярно.
Speaker A
То есть это вот э для каких-то конкретных вещей вы используете конкретные скилы. И вот эти все три вещи, они образуют как бы такой дизайн-контекст, который идёт к вашему, а, агенту. Что тут важно помнить?
Speaker A
Значит, во-первых, аа очень частая ошибка - это когда люди начинают одни и те же инструкции писать в этих трёх файлах. Ну, то есть, например, у вас там в дизайн, а-а, значит, дизайн, например, там дизаign MD - это, мм, там в дизайн MD прописаны там цвета,
Speaker A
шрифты и потом люди берут и пишут же это в agent MD или по там в скилы тоже начинают это прописывать. Нет, в скиле должно быть написано, что за дизайнсхемами ходи в дизайн MD, да? То есть и в agent MD тоже это нужно
Speaker A
написать, если это, ну, как бы, ну в ag MD точно такое тоже нужно написать. То есть самая главная проблема, если вы начинаете одну и ту же информацию блоками, да, там везде везде повторять.
Speaker A
А потом, да, опять-таки, AgenceMD не нужно раздувать там на 500 строк, да, там в идеале это вообще там типа 70, 100, 150 строк, то есть вот не больше.
Speaker A
Ну, там 200 - это вообще максимум. И ваш вот этот Agenc MD file файл - это должен быть маршрутизатор, да? То есть это вот такой маршрутизатор, который просто перенаправляет ваши там ты хочешь найти такую-то информацию, иди туда. Там
Speaker A
хочешь вот это узнать, читай такой-то файл. А для такого-то мы используем такие-то скилы. Вот и всё. А, и по скилам тоже, если вы свои скилы создаваете создаёте обязательно убедитесь, что в них правильно сделано описание, когда использовать, да? То
Speaker A
есть там у каждого скила есть description, когда его использовать. И вот это когда использовать, должно быть разумным, потому что иначе просто ваш агент не будет это использовать.
Speaker A
А, да. Вот Эдуар спрашивает, где есть презентация. Сейчас я вам покажу. Это вы заходите в свой кабинет.
Speaker A
Поскольку это у нас вы первая группа обновлённого курса, то конспекты они прямо в прямом эфире, ну, с небольшой задержкой они появляются, да? То есть вот это прошлого занятия, видите, тут тоже вот это всё есть. Вот эти все, ну,
Speaker A
большинство вещей с прошлого с прошлого занятия, которые нам нужны были. Мм, так что и это тоже появится просто там всегда обычно день-два задержка где-то.
Speaker A
Так, а дальше, да, там пару слов про дизайн MD, да, то есть по какому принципу он строится, да? То есть это я шапка. Ну, Yamal - это такой формат формат записи, да? То есть это у нас, а здесь просто чётко записывается, какие,
Speaker A
например, основной цвет, какой бэкграунд, какой вторичный цвет, а какие шрифты, какие отступы, да? То есть вот это всё здесь стандартном записывается.
Speaker A
Это вот дизайн MD - это такой универсальный стандарт файла. Если вы вашему агенту скажете там, создай дизайнign MDфайл, он, скорее всего, уже знает, там современные модели уже знают, как такой файл создавать, да. Там тут описывается там, если какие-то компоненты
Speaker A
используются, а-а, там, то есть, ну, в общем, такие вот эти все вещи. Потом, а а разделы все идут, да, там обзор, цвета, типография, лейаут, а компоненты.
Speaker A
формы, да, там это делай, то не делай, причины решений, например. А если, например что-то там, например, скажем, вы решили вот, например, делать какой-то очень особый дизайн, да, там, и вы лучше написать причину, почему мы так делаем, потому что если вы этого не напишете в этом
Speaker A
файле, то он каждый раз будет вам говорить, что слушай, ну, у тебя тут странный какой-то градиент, как бы такой не надо использовать, да? А вы, например, хотите его по какой-то причине использовать. Вот. Так что вот это это всё прописывается в дизайн MD. Есть
Speaker A
такой классный сайт, который называется getdesign.m. Это, кстати, отдельно смешная история. Вы знаете, что такое, ну, то MD, да? Это Молдова, как бы, э, доменная зона Молдовы. И вот просто сейчасто у них такое раздолье, то, что теперь все точка
Speaker A
точка MD хотят э домены. И, соответственно, getdesign тоm md. Здесь есть куча разных таких дизайн, ну, как бы дизайнов разных известных фирм там да например скажем там Apple есть, да, вы можете посмотреть вот вот дизайн MD для Apple, да, и вот он
Speaker A
как выглядит. Вот тут всёвсёвсёвсё про него как бы всёвсёвсё расписано, да, там или, не знаю, BMW. Вот вы хотите там стиль BMW, вот, пожалуйста, вот он всё тоже всё полностью дизайн MD расписан.
Speaker A
Вы можете это всё использовать. А, и тут огромное количество таких сайтов. Можете очень много отсюда позаимствовать, потому что просто, ну, классно, очень удобно. А только запомните одну вещь, что дизайн MD - это не какой-то волшебный там файл, который
Speaker A
сам по себе будет подгружаться агентом. Вам нужно, чтобы в Agents MD у вас было прописано, что обязательно читай дизайн MD, да? То есть как бы то есть это вот это такое а важное в важно важно, чтобы вы чтобы
Speaker A
вы ему сказали это прочитать, потому что без вас он Ну давайте так. Скорее всего, вот самые современные модели и самые современные агенты или уже это начинают потихонечку уметь делать, или там в ближайшем будущем, наверное, там через несколько месяцев
Speaker A
они все будут это читать. Но пока этого как бы повсеместно нет. Поэтому пока запомните, что дизайн MD надо им как бы напоминать, чтобы они прочитали.
Speaker A
Теперь, собственно, давайте разберёмся с дизайн ээ карты вот этих AI инструментов для дизайна. Какие они есть? Я вот создал такой примерный компас, что вы можете попробовать, потому что, ну, тоже у всех будет очень разные, очень разные подходы, мм, бюджеты, потому что тоже,
Speaker A
опять-таки, дизайн, ну, если вы, например, там серьёзно хотите какой-то классный дизайн сделать или вы на заказ делаете дизайны, то тут имеет смысл как бы заплатить за какой-то инструмент. Я их разделил в целом. Так что значит у нас есть один ориентир - это отдельный
Speaker A
сервис, да? То есть это как бы отдельный сервис или работает в вашем агенте кодинга, да? Вот всё, что внизу работает в вашем агенте кодинга, всё наверху - это отдельный сервис. А левее то, что рассчитано на то, что человек будет что-то править. Правее
Speaker A
скорее рассчитано на то, что это генерирует агент. И теперь давайте посмотрим, что у нас здесь есть. Значит, ну давайте начнём с самого простого, да?
Speaker A
Это рассчитано на то, что будет править человек и работает в вашем агенте кодинга. Это клоддизайн. В принципе, clддизайн просто суперская программа.
Speaker A
Если у вас clД-код, а зайдите, вот вам нужно просто зайти по адресу. А сейчас я вам покажу.
Speaker A
Ну, во-первых, вы можете из прямо из программы перейти или clod.ai/design. И сейчас вот clod./design и вы попадёте, собственно, в clodдизаign или можете из него и из приложения тоже там есть ссылочка перейти. То есть это это клод дизайн, классная штуковина, а
Speaker A
отличная программа, которая работает в вашем агенте кодинг, и за неё не надо ничего доплачивать, она использует ваши лимиты клода. И, собственно, рассчитано на то, что вы можете много там человеческих правок тоже вносить. Там можно и шрифты править. Ну, то есть там
Speaker A
правки можно разные такие именно ручные просто кликнуть, да, и что-нибудь делать. Дальше, что у нас дальше есть?
Speaker A
Дальше давайте посмотрим вот тут. А, как бы рассчитано то, что генерирует агент, но при этом работает в вашем агенте кодинга. Это вот, в принципе, сейчас есть три самых, аэ, три самых ключевых три три самых ключевых скила для дизайна. Во-первых, это
Speaker A
Impecable Style, да? То есть это первый, и он сейчас очень известный, и он есть прямо, вы можете его просто среди плагинов найти, например, а в кодексе, да? То есть вы можете просто вот тут пойти, а им п сейчас
Speaker A
вот impactable, да? То есть вы можете просто вот так его добавить, и вы как бы себе эти дизайн скилы его а добавите.
Speaker A
А все ссылки будут потом в в конспекте. У каждого из них есть свои плюсы и минусы, да? То есть у Impackable - это как бы такой свой свой подход как бы к стилю, да? То есть они стараются вот как
Speaker A
бы а стараются сделать такой неа слопный вид, но мне как раз у них м, честно говоря а-а не всегда нравится их результат. Иногда он хороший, но не всегда. То есть иногда мне, знаете, как бы на наоборот кажется, что вот они чуть-чуть отстали, как будто
Speaker A
в прошлом. Но попробуйте. У них вот у них классно получаются вот такие всякие детальки, да. Вот если вам надо там кнопочки всякие вот такие вот понажимать, ух очень красиво всё выходит прямо. А для каких-то вот таких интерфейсов у них получается классно.
Speaker A
Так что это очень тоже известный известный скилл для дизайна. А дальше аmark. Аmark - это тоже очень популярный, вот сейчас, кстати, пока ещё не вышло, но вот буквально, я думаю, завтра уже выйдет версия 2.0. Они просто её уже анонсировали. Тоже там 30.000
Speaker A
звёзд на Гитхабе. И это тоже набор как бы скилов, которые делают такой не слопный как бы, да, вот дизайн такой, а более более такой как бы уникальный и интересный.
Speaker A
И есть ещё стки. Это тоже очень популярный, 100.000 звёзд на гитхабе. Это скилы, кстати, они тоже сейчас обновились. У них вот вторая версия тоже вышла недавно. И это тоже скилы для дизайна, которые вот такие тоже такие симпатичные, очень
Speaker A
очень симпатичные дизайны делают. Я вам рекомендую, если вы прямо ну вот работаете, попробуйте все их, потому что это это вот, ну, как бы нужно попробовать, что вам больше зайдёт. Это невозможно сказать, какой-то один из них лучший. Я вижу профессиональных
Speaker A
дизайнеров, которые очень хвалят HMK, кто-то очень хвалит Impackable, кто-то очень любит тест t skill. То есть как бы попробуйте все все три из них.
Speaker A
Дальше у нас идут, э, отдельные как бы сервисы, которые генерируют, да, то есть где, которые рассчита на генерацию.
Speaker A
Значит, что это такое? А, во-первых, это Magic Path. И мне лично это очень нравится. И вот как раз Елена спрашивает: "А в Астре что есть?" Вот я рекомендую, если вы работаете в кодексе, то я рекомендую вам поставить Magic
Speaker A
Path. Это тоже ставится плагином, да? То есть просто вот тут Magic Path, а вам его надо поставить, законнектить с вашим Magic Path аккаунтом. Сейчас, секунду, момент.
Speaker A
Сейчас я, а, сейчас я законнекчу с моим аккаунтом. М, секунду. Так вроде да. Вот всё, я просто там законнектил, перешёл на Magic Passh, подключил мой, аа, подключил мой мой как бы сайт. И это то, что я вам рекомендую использовать. Чем
Speaker A
это очень классно? Тем, что а когда вы его включили, всё. А, кстати, Impackable тоже а работает, ну, ну, как бы а именно как плагин, но вот у Magic Path у него прямо есть, можно сказать, прямо в кодексе встроенный
Speaker A
ещё и такой визуал как бы для этого, да. То есть вы можете этот всякое там смотреть ваши работы там, да, вот это всякое выбирать. То есть это по сути такая прямо программа внутри программы.
Speaker A
Ну, и плюс вы можете в чатах тоже вызывать. Мы сейчас посмотрим, как это будет. работать. Мы попробуем сделать дизайн именно с ним.
Speaker A
А кроме этого есть ещё стиch, это от Гугла, довольно такая известная тема. А variant.com тоже это такой набор дизайнов. Э, зайдите, посмотрите, там просто разные интересные такие неслопные дизайны, которые можно использовать для вдохновения. И есть ещё одна интересная
Speaker A
штука, которая называется Mobin. А это коллекция. Вот я как раз тоже сегодня буду её использовать. Это коллекция уже готовых, хороших, созданных дизайнов, решений, кнопок и всего. То есть то, что уже как бы сделано и которые можно классно использовать. И а оно как бы,
Speaker A
ну, оно в принципе платное, но там есть бесплатное как бы использование. И здесь просто гигантское количество элементов.
Speaker A
Там, например, если вам нужно, а, там, например, там индикаторы прогресса, да, вот, вот тут просто куча готовых индикаторов разных прогресса, да, которые вы можете использовать и которые точно классные, точно, ну, как бы не выглядят слопно, да? То есть вы можете
Speaker A
просто собрать свою программу из вот таких готовых разных, ну, или программу, или там, если сайт, вот, например, если вам веб нужно делать, вот вы можете тоже, а, использовать вот такие вещи. То есть ну это больше конечно наверное относится
Speaker A
если вам нужно именно интерфейсы хорошие делать, но и как бы дизайны в целом тоже.
Speaker A
А, и дальше, наконец, у нас осталась последняя часть - это отдельные сервисы, но которые как бы рассчитаны на то, что правит там человек.
Speaker A
И соответственно в что у нас есть, ну, там Визирова, я думаю, вы все знаете, кто у меня был тоже на первом уровне курса. Ну и, честно говоря, сейчас Визиро как-то он так пододстал. Мне он не очень нравится.
Speaker A
А Pencil был в своё время такой очень прямо популярные. Сейчас мне намного больше нравится Paper. А Paper тоже сейчас посмотрим, как он на практике работает. И Paper - это такая программа, которая где как бы генерится как бы где
Speaker A
вы генерите дизайн. И есть Фигма. А Фигма - это такой как бы стандарт, стандарт для веб-разработки. И все профессиональные как бы дизайнеры, конечно, работают в Фигме. И вы можете подключить клодкод или кодекс к Фигме. С клод-кодом он вообще очень хорошо
Speaker A
работает. С, ну, с кодексом, в принципе, тоже. И у него есть MCP. Единственная просто проблема лично для меня, почему я это не использую, потому что он, это MCP для хоть как-то более-менее нормальной работы требует платного аккаунта Фигмы.
Speaker A
То есть вам нужно платить за Фигму там, ну, не очень прямо много, там не помню, 10 или 20 долларов в месяц, но я просто, мне это не нужно, я не использую Фигму, поэтому я не хочу за неё платить. Но
Speaker A
если вы профессиональный дизайнер и вы работаете в Фигме, то Фигма для вас будет отличный вариант, потому что у Фигмы хороший MCP, вы можете хорошо, а и из агента кодинга как бы это использовать. А что я хочу вам сегодня
Speaker A
показать, да? Как бы я хочу вам показать, а Magic Path, а Mobin и Paper, да? И вот давайте попробуем вот посмотреть, как разные модели в разных вот этих всех сервисах сделают разный какой результат, да, просто чтобы вот показать, что как как это работает. А
Speaker A
скилы, скилы просто я вам рекомендую потестить в своих как бы работах, потому что они, ну, вот это надо просто прочувствовать самому на своих задачах, как что какой из скилов для вас лучше а лучше сработает.
Speaker A
Поэтому давайте сделаем так, да? Значит, что что какую мы возьмём попробуем взять задачу, да? Мы попробуем вот пройтись по нашей вот этой, э, где она у меня?
Speaker A
Нет, не тут, не тут. Так, где она? Вот мы попробуем пройтись по вот этим шагам, да? А для одной и той же задачи, но просто с разными как бы с разными инструментами. И сначала мы выберем модель. Модель будем
Speaker A
использовать ну две модели вот топовые. OPUS 55 и Astro, да? То есть Astra High.
Speaker A
Давайте посмотрим эти две модели. Сейчас я создам сначала. Ну давайте я начну лучше с опуса, потому что опус, честно говоря, так помедленнее, чем Астра. А, ну я потому что я могу стрежим включить в Астрия. Так, сейчас сейчас я выберу папочку, назову так.
Speaker A
Тест один. И так, да. И значит, что нам нужно сделать? Нам нужно, а, единственное только у меня такая сейчас, ну, не то, что проблема, особенность. Я, у меня теперь два аккаунта Клода. Я, поскольку между ними переключаюсь, у меня не все MCP
Speaker A
совпадают. Сейчас я быстро гляну. У меня может быть здесь как раз Мобин сейчас не подключен. Сейчас, секунду, я его быстро подключу. Он должен быть в коннекторах.
Speaker A
Вот тут в коннекторы. А, manage connectors Mobin. Вот он Mobin. Давайте сейчас мы его законнектим.
Speaker A
Так, всё. О, мобин мы законнектили. И сейчас заодно гляну, подключен ли у меня здесь тоже.
Speaker A
М, сейчас посмотрим. Paper, а, вроде подключён, да? Paper вроде подключён, да? Тогда значит тогда всё должно быть ок. Значит, давайте попробуем вот как эксперимент провести такую вещь.
Speaker A
Я, я, кстати, вижу, там вопросы появляются. Сейчас, когда я им дам задачи, я обязательно на них отвечу. Я возьму, э, я возьму описание моего курса, который стартует. У меня один завтра стартует новый курс, который называется Иасистемы для интеллектуальной работы. Вот так он
Speaker A
выглядит. Вот. Иа система для интеллектуальной работы. Я хочу взять этот курс, его описание и попробовать как бы, ну вот давайте попробуем сделать лендинг такой. И и тоже, кстати, а-а magnific. Вот я буду использовать magnific, а wave Speed CLI. Это тоже
Speaker A
такой сервис генерации картинок, которые я использую, где есть разные модели, если мне нужно генерировать какие-то картинки. И вот пойдёмте просто вот по моему плану, да? То есть сначала первое модель мы выбрали. О'кей. Теперь обсудите CI, что и для кого вы делаете.
Speaker A
Значит а и вот так я прямо скажу. Мне нужно сделать, а, мне нужно сделать лендинг для вот этого курса. А, сначала собери всю информацию по этому курсу, его программу там посмотри. Всё, всю всю информацию собери с этой странички
Speaker A
и подумай, как как правильно это ра как бы распределить и правильно, чтобы это работало. А при этом а при этом давай учтём такую вещь, что этот курс про AI, но мы должны всячески избегать AI штампов, шаблонов. каких-то там вот
Speaker A
этих каких там мозгов и агентов таких очень таких шаблонных, да, мы вот этого должны по максимуму просто вообще избегать. А вместо этого давай попробуем передать настоящую как бы настоящую идею этого курса, да, что человек получит от этого курса, да, что он получит больше
Speaker A
свободного времени, он получит больше, а он сможет делать больше рабочих задач и меньше от этого уставать, да? То есть вот вот вот посмотри как бы вот эти вещи. То есть нам вот это нужно передать через этот сайт, не брать какой-то AI
Speaker A
шаблонной штуки. Поэтому подумай, вот давай подумаем, кто, а, кто вот этот, кто такого сайта, да, для кого мы делаем, какие у них боли, как нам нужно через классный нешаблонный сайт это показать, да? То есть возьмём вот это как такой а
Speaker A
начало. И дальше, например, я добавлю, а тебе нужно сделать мне, э, три варианта м дизайна, да, просто пока не делай весь как бы сайт, а вот такие три, три как бы три сделай три варианта. И для этого что
Speaker A
тебе нужно использовать? А, обязательно используй коннектор, который называется Mobin. И также, если тебе нужно сгенерить какие-нибудь картинки, используй Wave Speed CLI. А там ты можешь там нанобана Pro использовать и другие модели для генерации картинок.
Speaker A
Обсуди со мной, если тебе что-то надо обсудить. И после этого аа давай подумаем, как нам сделать, чтобы вот этот дизайн, он для этой аудитории и этой задачи по-настоящему работал, да?
Speaker A
То есть нам не нужно сделать какой-то шаблонный дизайн, нам нужно продумать дизайн, который для нашей целевой аудитории, нашей задачи и нашей как бы, а, месседжа, который мы несём, он будет работать.
Speaker A
Так. Аа давайте тогда а отправим. В принципе, экстраra может быть даже здесь чрезмерно, потому что он будет дольше работать. Вот, в принципе, для дизайна диум, я думаю, сейчас даже довольно хорошо подойдёт. Давайте, давайте отправим на на medдиум.
Speaker A
Так, сейчас я гляну. Он да, Мобин всё правильно прочитал. Теперь давайте я сейчас ещё один новый создам. Сейчас, секунду.
Speaker A
И сейчас два и теперь, да, я такой же вставлю пром, только я ему скажу, что это не мобин, Аа а а paper.
Speaker A
Paper. М. Так, вот остальное ему дам теперь, да, мы это отправляем, а, и даём такое же задание.
Speaker A
И даём такой сейчас, а, вот у меня, я куда у меня делось сейчас. И даём такое же задание Астри.
Speaker A
Сейчас мы его Сейчас я выберу папочку. Вот я ставлю я ставлю Astra Extra High, а вставляю вот это только и теперь я скажу, чтобы он не использовал, а вот этот Magic Path.
Speaker A
Вот magic path. И о'кей. Теперь сейчас, сейчас посмотрим. Я думаю, он какие-нибудь вопросы сейчас начнёт наверное задавать.
Speaker A
Так. Угу. И посмотрим сейчас, как каждый из них в этом плане справится. А пока отвечу на вопросы. Значит, а Никита пишет: "Payaper тоже платный, Mobн тоже платный". Да, смотрите, просто тут важный момент, что, а, и Mobin, и Paper, у них есть, как бы там у Paper,
Speaker A
например, 100 типа 100 действий в неделю. В принципе, если вы делаете какой-то хобби проект, вам, ну, там 100 действий в неделю должно хватить. То есть это, ну, там для профессионального использования, да, надо платить, но в принципе может и хватить. А, и у Мобина
Speaker A
тоже есть, ну, как бы ну, как бы триальный. Значит, откуда в основном в основном придут посетители лендинга? Это повлияет на то, сколько объяснений и доказательств нужно. Значит, а, ну, например, там смешанная аудитория.
Speaker A
Давайте так выберем. Новые посетители и подписчики школы. Так, посмотрим, что у нас здесь. А, значит, он направление дизайна.
Speaker A
Рабочий день, кабинет. система. Ну, давайте посмотрим, что она сделает. А, и надо запустить. Сейчас я не запустил paper. Сейчас это вот, кстати, paper мне рекламные, а, опус для этого курса дела рекламные баннеры. Работа идёт, вы думаете, вечер снова ваш. Думайте вслух. Остальное за
Speaker A
системой. Так, да, значит, сейчас все три. Пер открыт. Подозрительно, что-то опус как-то вопросов не задал. А как будто как будто вот на мидиму как раз хуже с вопросами. Ну, сейчас посмотрим, посмотрим. Вот он пошёл тут вот он на
Speaker A
мобине всяко ищет, э, шаблоны, которые которые может использовать. Тут посмотрим тоже, что он делает.
Speaker A
И тут он прямо тут решил менять. Интересно. Ну ладно, сейчас мы сейчас мы посмотрим, где он это сделает.
Speaker A
А Богдан спрашивает: "А можно ли и как применить те три набора дизайнерских скилов к уже существующему сайту, чтобы они не с нуля делали, а на основе брендового а дизайна?" Вот смотрите, тогда если если у вас уже есть какой-то
Speaker A
сайт, первое, что вам нужно сделать - это а создать дизайн MD. То есть это вам первое, что нужно сделать - это попросить там Astro или или OPUS создать дизайн MDфайл, там прописать все как бы, что такое ваш вообще вот
Speaker A
этот брендовый сайт. И потом, ну, как бы вот какие у вас как бы дизайн, дизайн называется дизайнязык, да, то есть какой у вас используется. И, э, и и соответственно, ну, точнее, дизайн схема, по-разному можно это называть. И после этого вы уже говорите, что смотри,
Speaker A
у меня есть вот мой дизайн MD, а, держись как бы в пределах этого дизаign MD и ну и как бы и дальше там, например, я хочу там такой-то такой-то улучшить.
Speaker A
То есть вам обязательно нужно сождать дизайн MD тогда, потому что все эти скилы, они, ну, они знают, что такое дизайн MD, они с ним умеют работать.
Speaker A
Так, о'кей. Давайте смотреть, что они у нас как тут делают. Я только сейчас понял, что не отправил администратору школы текст домашней работы. Сейчас у нас как закончится, сразу отправлю. Домашняя работа у нас будет такая, что вам, собственно, нужно будет сделать просто
Speaker A
одну одну страничку какую-то, но нужно её сделать так, чтобы она выглядела, ну, как бы не как вот сгенериённая AI, да, то есть не не обязательно должно быть что-то там принципиально другое, но просто оно должно быть просто, ну, должно как-то вот по вот этим принципам,
Speaker A
да, идти, которые которые мы описывали. И там тоже разместить, где хотите. Вы можете разместить на верселе или here to now на своём хостинге, где хотите, никаких ограничений нет. А сейчас, как у нас закончится занятие, я сразу отправлю, и это появится в заданиях.
Speaker A
А так тут он пока вовсю работает. Так. Так. Что у нас вон там пока пока пока они все вовсю работают.
Speaker A
И вот когда вот мы сейчас что-нибудь найдём, да, какой-то интересный для нас вариант, аа после этого мы попробуем ещё ему немножко, чтобы он вот так заботы как бы добавил.
Speaker A
Так, пусть он пока тут делает. Интересно, где он только это делает? Может, он в какой-то другой другой вкладке это делает. Ладно, я думаю, он сейчас потом посмотрим, что как.
Speaker A
И тут тоже у нас. А вот интересно, у них новый визуальный какой-то редактор появился, но это в этом Magic Path.
Speaker A
Сейчас посмотрим. Ну, тут, честно говоря, страшноватая какая-то у него картинка вышла. Сейчас, а, сейчас подождём других вариантов. Это Но зато у Кодекса классно, что кодекс сам может, а, сам может генерить картинки.
Speaker A
Вот кстати а вот это, может быть, вот это, возможно, мы сделаем неплохим, как бы шаблоном для будущей доработки.
Speaker A
Так, сейчас пусть он тут пока всякое смотрит, а мы посмотрим, что тут. Вот так это сделал варианты. Давайте посмотрим. Это который использует Моббин, да? Давайте пройдёмся по по этим вариантам.
Speaker A
Сейчас надо, а, сейчас я открою в аэ в Хроме лучше. Так, значит, у нас есть, давайте посмотрим.
Speaker A
М, ну так как бы не как бы неплохо, но не уверен то, что нам это нужно.
Speaker A
Вот это более интересный вариант, но сейчас здесь есть а такой сильный перегруз аа сильный перегруз текста, да, и не хватает явно картинок из какой-то и какой-то графики.
Speaker A
Так, давайте дальше посмотрим. И ещё у нас был вот это тоже вот это довольно интересно, а, но тоже немножко немножко пере немножко такой немножко э всё немного не то, на самом деле. Всё всё немножко не то. Вот я бы взял вот этот вариант,
Speaker A
и я бы вот это стал докручивать. Вот. А это вообще тоже очень частая история, когда например он кстати сам предлагает смешать. Значит, у нас вариант - это какой? Вариант Б.
Speaker A
А с смотри, а нам нужно взять вариант Б и дальше его очень сильно развивать. Потому что в чём сейчас его проблема? Сейчас как бы общая концепция неплохая, но, во-первых, совершенно мало какой-то инфографики, мало графики, мало картинок, мало вообще
Speaker A
всего и очень много при этом текста. Нужно взять этот вариант и его в него добавить немножко что-то такое ощущение AI, да?
Speaker A
То есть, может быть, какие-то технологии, может быть, там, а, картинки людей сгенерить, как-то связанных с технологиями. То есть нам нужно нам нужно немножко как бы это добавить. И, главное, разбавить огромное количество просто текстовых блоков, которые здесь есть. То есть нам нужно намного больше
Speaker A
здесь графики, намного больше, а-а, намного больше м намного больше, чтобы визуально это смотрелось. Сделай мне три новых варианта вот этого, а, вот этого варианта Б с точнее, ладно, давай, давай, нет, давай не три варианта, сделай один вариант, ну, такой полной
Speaker A
прямо графики, потому что я думал, что три варианта будут долго делаться. Так, а этот тоже сделал. Давайте посмотрим. Это делалось. Это в пейпере.
Speaker A
А где он сделал? В пейпере. Сейчас, может быть, я что-то упустил. Сейчас. Так, они тут должны лежать. Где они сейчас? А вот они где. А ему просто другой странице создал. Значит, один - это вот такой, ну, специфический, тоже не очень. А вот это, на самом деле,
Speaker A
мне нравится, только его надо тоже доработать. Вот давайте ему буквально дадим очень похожую тоже промт, да? То есть скажем ему сейчас вот я буквально просто то же самое ему скажу.
Speaker A
Только скажу взять вариант, который называется система. Да. Так, нам нужно взять вариант система. Так, вот. О'кей. Пусть он пусть он сейчас немножко поработает. Тут посмотрим, что у нас получается.
Speaker A
А тут он пока ещё делает. Ну, тоже явно явно здесь тоже надо будет сейчас выбрать какой-то и доработать.
Speaker A
Но в целом вот это пока мне вообще аа больше нравится. Мне не нравится вот это тире как бы не нравится. И слоган немножко странноватый. Надо будет с этим поработать.
Speaker A
А, но именно вот так концептуально, если здесь, ну, не всматриваться конкретно там в конкретный текст, если это всё разбавить какими-то интересными графикой вещами, может получиться реально интересно.
Speaker A
Так, сейчас посмотрим. И я вам очень рекомендую ещё и стили вот эти попробовать, потому что стили с ними тоже у меня иногда очень классные получаются варианты.
Speaker A
Так, сейчас посмотрим, что у нас он тут на это всё говорит. Сейчас он сгенерирует картинки. А удивите, что клод сам по себе не может генерировать картинки. То есть в отличие от а кодекса, кодекс может сам по себе генерировать картинки, клод не может. И
Speaker A
поэтому просто на это тоже нужно обязательно ориентироваться. Так, то есть у меня у меня одновременно есть магнифиic, но у них что-то последнее время MCP какой-то проблемный стал. Не знаю. А я поэтому сейчас просто W Speed CL использую. Мне нравится. Ну
Speaker A
это, в принципе, хороший сервер для генерации картинок, но вот у них ещё и сила и тоже инструмент удобный.
Speaker A
Так, пока отвечу на вопросы. А, а есть ли сопоставимые инструменты для видео motion задач? И и с этим скудно по старинке топаем в Pinterest и оттуда накидываем агенту референсы. А, ну, видео моно задачи - это Hyperfame, да, как бы фреймwork для этого это,
Speaker A
а, remotion framework и, собственно, clди тоже умеет делать motion графику. Так, и давайте тут то же самое. Я ему возьму просто буквально тоже третий вариант, вставлю этот текст там вариант три. Вот. Пусть он Пусть он его делает.
Speaker A
А, Рима спрашивает: "Если использовать агентский подход, то как бы вы организовали команду агентов для достижения кастомного результата?" Ох, с визуалом это, конечно, сложно. Аа я бы тут прежде всего тогда использовал бы тут всё на моделях бы очень бы
Speaker A
строилось. То есть я бы точно взял бы тогда несколько моделей, например, а, 55, этот э Astro и, может быть, наверное, какой-нибудь такой ещё сторонний, типа типа 3, например, и чтобы они как бы друг друга перепроверяли. Но, честно сказать, м у меня большие сомнения. Пока
Speaker A
вот модели немножко ещё чуть-чуть не там. Они там будут, я думаю, вот через месяца три, месяца 3,6 месяцев. И они будут прямо потрясающие дизайны делать.
Speaker A
Но пока они ещё немножко не до такой степени, чтобы чтобы так работать. Так вот, вот вот смотрите, как уже симпатично становится. Вот это реально становится симпатично.
Speaker A
Так вот, вот на самом деле вот если взять вот этот, я бы брал, наверное, вот этот дизайн и дальше его бы вот сейчас ещё бы его немножко чуть-чуть докрутил вот в этих в деталях в как раз в м
Speaker A
такой как бы заботы бы немножко дал этому дизайну, хотя оно же здесь начинает немножко проявляться, да? То есть, если вы посмотрите, здесь уже много вот таких так интересных, там, типа вот тут, да, так заботливо сделано, там вот аэ
Speaker A
в целом, ну, то есть как бы тут есть такие как бы такая неплохо всё это выглядит. И а потом, кстати, тоже, чтобы вы понимали, что вы потом просто говорите там клоду: "О'кей, там используй вот этот 0,3B и перенеси это в
Speaker A
реальный, как бы сверстай это реальную страницу, и он вам сверстает". А Никита спрашивает: "А в cloudдизаignн ставить задачи внутри него и общаться как с ЛМ?" Да-дада, там просто там в нём общаться, как бы, и всё. То есть в
Speaker A
клоддизайне просто в нём можно всё общаться. А так сейчас посмотрим, что он ещё у нас делает.
Speaker A
И тут он, ну, тут он пока, тут он пока ещё делает. Сейчас посмотрим. У него, скорее всего, сейчас основное время уходит, на самом деле, сгенерить картинки, потому что нанобана она, ну, как бы так занимает время, скажем, чтобы сгенерить.
Speaker A
Так, вот тут тоже, смотрите, становится потихонечку симпатичнее, да, потихонечку. То есть как бы вот тоже опять-таки очень важно понять, да, что а мы не делаем, да, как бы сразу какой-то потрясающий дизайн вот с первого раза, да, то есть как бы этого почти никогда
Speaker A
такого не бывает. То есть почти всегда это некий итеративный процесс. То есть это несколько итераций. Вы должны просто взять то, что вам концеп О, смотрите, как смотрите, как уже как красиво у нас здесь начинается. То есть вы можете,
Speaker A
например, взять какой-то концептуальный дизайн, да, который вам в принципе понравился, и дальше начинать вот там, я думаю, обычно, ну вот обычно я, когда работаю, мне хватает там па, ну, там двух-трёх итераций, то есть вот две-три итерации я провожу и получаю такой
Speaker A
реально очень-очень симпатичный уже дизайн. Так, сейчас посмотрим, что у нас он, что, как они у нас тут делают.
Speaker A
Ну вот это вот то, что вот тут я уже вижу, намного симпатичнее становится. Сейчас вот всё он уже сделал. Давайте, давайте откроем.
Speaker A
Ну-ка. Так. Слушайте, ну вот, вот посмотрите, скажу. Вот посмотрите сразу, насколько симпатичнее стало. Так.
Speaker A
Так вот. Прям реально симпатично. Вот это классно придумано. Вот это вот вот вот это с этим уже. Вот и смотрите, вот теперь давайте смотрите, теперь возьмём вот этот вариант.
Speaker A
Да, кстати, вот я полностью соглас с Владиславом точки в заголовках. Ужасная вещь. А теперь тебе скажу супер, мне всё очень нравится. Кроме, значит, первое, не используй точки в заголовках. а-а, убери точки заголовков. А второе, а давай добавим побольше любви и заботы в
Speaker A
детали. То есть вот здесь много есть разных областей, где нужна какая-то красивая анимация появления, напр инфографики, где нужно красивые детали появления чего-то. То есть мне нужно, чтобы человек смотрел на этот сайт и такой: "Вау". Да, чтобы у него был просто вау эффект от количество
Speaker A
классных деталей, которые с любовью были добавлены на этот сайт. Так. А так, да, как бы как у нас этот тоже вон такой симпатичный получился.
Speaker A
Давайте то же самое скажем. Всё тоже. И здесь, кстати, и здесь тоже стало неплохо. Посмотрите, смотрите.
Speaker A
Ну вот, серьёзно, вот вы реально хотите сказать, что это плохой дизайн? Точки есть, да, точки проблема, но в целом, слушайте, это очень тоже симпатичный дизайн.
Speaker A
А так давайте то же самое мы ему скажем. Вот так мы ему это отправим. Пусть он это дорабатывает.
Speaker A
А Никита спрашивает: "Клод не умеет делать картинки? А как же он тогда делает дизайн?" А то есть баннеры как кодекс он не сможет сразу сделать без фигмы ид. Нет, смотрите, просто нельзя путать, что клод через код может всё,
Speaker A
что угодно сделать. Там очень сложные анимации, вообще очень сложные вещи, но это через код. а именно сгенерить картинку, как это может нанобана, как это может GPT imagмиe. У Клода нет такой модели. То есть вот я вот вот эти вот,
Speaker A
например вот например аа вот эти все портреты, там вот это вот эта фотография, да, вот это всё, это всё сгенерено нанобана. Это нанобана, которую вызывал, а, клод, да, то есть как бы то есть вот вот такое через код
Speaker A
пока не создашь. Хотя, может быть, скоро уже и через код такое можно будет создать.
Speaker A
А так, ну, слушайте, и в целом все три варианта по-своему мне нравится. Теперь сейчас вот он ещё чуть-чуть детали нам добавит, и, мне кажется, все три по-своему интересные. Дальше тут уже там, да, там надо, э, копирайт, аа копирайт - это как бы использовать. Ну,
Speaker A
то есть вот уже там тексты и прочее, но это уже немножко как бы отдельная такая как бы история.
Speaker A
Так. Так, Богдан спрашивает: "Не увидел, где мы сказали обязательно использовать стили". А м стили в смысле в Я я я, наверное, про скилы имел в виду, да? Я не помню, чтобы я прости стили, может, я говорился. Скилы, наверное, я имел в виду, что попробуйте
Speaker A
использовать те скилы, которые которые я рассказывал, но как-то я немножко, может быть, оговорился, не помню, не могу так сейчас сходу вспомнить.
Speaker A
Так. Кстати, Magic Path тоже можно, если что, подконнектить Фигму. То есть, если вы профессиональный дизайнер и вы работаете с Фигмой, то вы тоже можете её туда законнектить.
Speaker A
Так, сейчас посмотрим, что у нас он тут сделает. Не, в Фигме Фигме стиле точно не помню.
Speaker A
Нет, в Фигме просто нужен. В Фигме там всё очень просто. Вам нужен только просто платный аккаунт Фигмы. И тогда у них есть хороший MCP сервер, и клод может очень хорошо. Причём клод может подключаться к Фигме и отправлять Фигму,
Speaker A
но также и из Фигмы забирать к себе. Так что в этом плане это классно.
Speaker A
А сейчас он вот нам всё тут сделает, микродетали и всякое такое. И сейчас уже будем заканчивать. Мы сегодня немножко задержались, но такое бывает, когда вот темы темы генерации, особенно картинок, особенно всё, что с визуалом, оно всё такое вот, оно требует
Speaker A
времени. Если честно, я из-за этого стараюсь так немножко таких задач как бы держаться подальше, потому что вот всё, что как бы не связано с визуалом, я знаю, что я могу просто поставить правильную задачу, и агент будет там двое-трое суток
Speaker A
работать, но всё сделает, и всё будет классно, как бы. А как только начинается вот э такая вкусовщина, как только человеческий есть какой-то подход, вот это, э, сразу как бы это не приходится самому очень очень много участвовать в этом процессе. Меня меня
Speaker A
это утомляет, поэтому я стараюсь как бы по возможности этим заниматься поменьше. Так, посмотрим, что у нас он тут делает.
Speaker A
Ну, тут скоро, мне кажется, он уже тоже подзакончит. Вы, кстати, знаете, что можно теперь тут посмотреть?
Speaker A
А куда они это, кстати, дели? Нет, это не юзач. А куда-то всё время меняется. Это у них вот тут было посмотреть полную разбивку там. В общем, одно время у них тут была кнопка посмотреть полную разбивку а использования. И там, конечно, цифры
Speaker A
такие, что у меня там некоторые сессии, просто одна сессия с клодом, и там, типа, если считать по токенам, там отображается там типа 2.500 долларов. Я такой: "Классно".
Speaker A
Так, посмотрим, что он сейчас у нас делает. Так, а тут что? Тоже делает. Карточки будут раскрываться по мере прокрутки, а на первом экране добавлю лёгкую глубину и отклик на движение мыши. О'кей, давайте посмотрим, что он сейчас делает. Мне нравится, как Magic
Speaker A
Path это визуально выглядит. Просто так симпатично. Это упу-пу. Агент ходит, делает. А Никита спрашивает, получается неправильно сравнивать, кто лучше сделает баннер с текстом и графикой, клод или кодекс, а правильно, кто лучше нано банана или gpt5? Не совсем. Не
Speaker A
совсем, потому что промтит модель, текст потом и всё прочее добавляет модель. То есть, ну, как бы разница между нанобана и GPT 2 с 12 будет только в самой картинке. Но как это будет в дизайне всё оформлено, это как бы вот нет. Так. Во, смотрите,
Speaker A
значит, что у нас тут добавилось. Видите, смотрите, теперь что появилось. Сейчас я вот тут подвину. А, появилось, видите, я навожу и видите, вот такое появляется вот такая ма. Вот это мел вот вот это я имею в виду забота, да, когда
Speaker A
вот мы так мышкой наводим и вот чувствуете, вот это это мелочь, но есть такая глубина появилась и вот очень приятность, да, вот каждый элемент, вот я каждый элемент навожу, и каждый элемент такой какой-то симпатичный и да и хочется что-то вот тут как бы с ним
Speaker A
вот так посмотреть, да, вот тут тоже, видите, вот каждый навожу, каждый по-разному делается. Вот тут, то есть вот вот это вот, на самом деле, вот это сейчас уже стало очень аа очень приятным э лендингом.
Speaker A
И, ну, как бы его надо ещё немножко доработать там, особенно там по содержанию, по тексту, но в целом вот сейчас вот вот вот вот вот особенно вот эту часть, посмотрите вот эту часть, как это выглядит. Это, мне кажется, выглядит
Speaker A
классно. То есть реально, ну вот я бы там вот, если бы я увидел вот такое, я бы скорее не подумал, что это AI. А так теперь тут давайте, Ой, давайте тут посмотрим. Или где у нас ещё? А тут пока
Speaker A
ещё пока ещё не закончились тут детали. Вот опус крут как раз деталями. Мне интересно, какие детали сделает опус.
Speaker A
Сейчас посмотрим. Вон он уже собрал. Как вы видите, вот такой симпатичный анимацию вот этого главного экрана.
Speaker A
Боган спрашивает: "Ну так, а кто в итоге победил? Какая связка?" Это вам решать. Ну то есть это каждый каждый себе решает. Мне как бы Давайте так вот. А он ещё что-то даже доделывает. Я бы так сказал нестандартность.
Speaker A
Пожалуй мне понравилось. Вот это мне понравилась Astra. Тут я даже сам удивлён. Но именно в плане вот такой нешаблонности, нестандартности дизайна, пожалуй, вот Астроra мне больше всего сейчас понравилось. Но в деталях в деталях, скорее всего, сейчас хорошую больше опус покажет э картину.
Speaker A
Сейчас посмотрим. Сейчас я хочу чуть-чуть дождаться. Там сейчас скоро Лига чемпионов сегодня. Хочется тоже посмотреть.
Speaker A
Так, а сейчас, я думаю, он доделает, и мы и мы посмотрим, как тут всё. Во, так это он сделал.
Speaker A
Значит, сквозные детали. А давайте посмотрим вот Google Chrome. Ага. Ну вот посмотрите, сколько деталей тут. Тут.
Speaker A
Так, слушайте, ну классно. Не знаю, вот реально это вот реально здесь классные детали, наведение мышкой.
Speaker A
Очень приятно всё. Да, мне вот этот сейчас, пожалуй, наверное, пока вообще больше всего нравится. Очень хорошо считывается. Ну вот слоганы немножко отдельная история.
Speaker A
мы над этим не работали, но вот так вот чисто, если смотреть про, ну, как бы про вот такую детали, интересность анимаций, да, как это, как это здесь всё работает, ну, наверное, а, наверное, вот это мне пока сейчас вообще больше пока мне это больше всего
Speaker A
нравится, но это как бы на вкус и цвет. А мне детали здесь очень нравятся.
Speaker A
А Бог спрашивает: "А потом кидаем Клоду все понравившиеся варианты и просим объединить. Нестандартность оттуда плюс детали отсюда". Так тоже можно. Ну как бы если вы прямо ещё хотите дальше продолжать, так тоже можно, но в принципе можно и остановиться. То есть
Speaker A
на самом деле вот я думаю вот он сейчас вот этот нам дизайн сделает, и он должен быть реально довольно симпатично выглядеть.
Speaker A
Сейчас, сейчас он закончит и, и посмотрим. Но в целом пока мне все нравятся. Никита спрашивает: "А тильда сейчас подключается клэм?" Слушайте, я не знаю. Мне, честно кажется, нет никакого смысла использовать больше тильды и прочие. То есть, а в чём в чём
Speaker A
смысл? То есть, как бы, вы можете вы можете вам хочется какую-нибудь админку классную, да, вам клод за 10 минут классную админку соберёт. Просто я вам советую, что, ну, как вот я, например, сейчас, когда делаю сайты какие-то, я их
Speaker A
сразу делаю так. Я их наоборот, я не хочу никакие ни тильды, ничего использовать, потому что я хочу, чтобы я мог встроить в мой сайт всё, что угодно.
Speaker A
Я имею в виду с точки зрения управления аа ием. То есть я хочу сделать так, чтобы, например, мой клод или кодекс моим каким-нибудь сайтом мог просто там вот любой любой элементом мог управлять.
Speaker A
Просто вот я ему сказал, что пойди на мой сайт, что-нибудь поменяй. И он пошёл и там не в коде поменял, а там через API вызовы, например, всякое поменял.
Speaker A
Так, давайте посмотрим, может, он уже почти доделал сейчас. Что он как-то долго, если честно, делает.
Speaker A
Так, вот. Ну, слушайте, тут тоже красиво. Смотрите, смотрите, какая анимация красивая. Тан-тан-тан. Ну, очень тоже симпатично.
Speaker A
Вон сколько сколько деталей. Да, в общем, если если приложить побольше, а, побольше любви к э к этому всему и к деталям, мне кажется, реально можно получить очень классные штуки. Не будем ждать, когда он закончится, потому что, я думаю, в принципе, практически
Speaker A
всё мы уже увидели. Он там чуть-чуть, мне кажется, что-то доделывает. А в целом все три варианта в итоге, видите, довольно хорошие получились.
Speaker A
Просто идите вот обязательно по вот этой схеме. хорошая модель, правильные инструменты и несколько макетов и потом ещё итерации, да, каждого макета, чтобы вот потом в конце обязательно, чтобы он добавил вот таких классных деталек.
Speaker A
И, собственно, ваша будет домашняя работа именно такая. Вам просто нужно будет сделать один такой сайт, любую тему, всё, что угодно разместить, но но он должен быть вот именно вот чувствоваться, что вы пошли по по этим правилам и, соответственно, разместить
Speaker A
его тоже, где где вы захотите. Текст домашней занят скоро очень появится. Так что увидимся с вами через неделю и буду ждать ваши работы. Если что, как всегда, пишите в чате. Счастливо.
Topics:AI-дизайнвайбкодингвеб-дизайнавтоматизацияпродуктивностьAI-слопдизайн-системыпромпт-инжинирингClaudeOpus
