0: Ребят, я уже час записываю вот это видео. Я вам хочу сказать, что те результаты, до которых я в этом видео дошёл. Я сам не ожидал, что будет так круто. Обязательно досмотрите до конца. Это вам просто голову разорвёт. Добрый день. Меня зовут Николай хлеби.

1: Вы находитесь на канале экшен план. Сегодня обсуждаем революцию в мире искусственного интеллекта, если вдруг вы вынашиваете идею какого-то проекта или не знаете, чем в принципе заняться, но хочется с искусственным интеллектом поиграться, да ещё и денег заработать, или на

2: Наоборот, активно работаете над каким-то проектом, но не понимаете, как с помощью искусственного интеллекта кратно повысить его эффективность. Тогда это видео для вас в этом видео я хочу поделиться набором практик и лайфхаков, которые просто разорвали мне голову.

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

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

5: На заказ.

6: Я подготовил техническое задание на создание сайта через chat gpt сейчас я вам покажу как такие технические задания делать как их готовить у меня для этого есть отдельный промт. Так вот, если вы пробовали раньше создавать сайты через искусственный интеллект, через любое то.

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

8: Клод опус 4 точка 7. Я подготовил техническое задание на создание сайта. Оно находится в файле тз точка ткст. Пожалуйста, подготовь план создания сайта и реализуй его. Запустили. Создание сайта. Давайте подождём пару минут и посмотрим, что будет.

9: Вот такой у нас получился сайт. 1 экран по типографике выглядит прикольно, но, как вы видите, простовато. Следующие блоки тоже очень отдают стилем.

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

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

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

13: Ну, я бы сказал, что дорого, что нам для этого понадобится 1, нам понадобится вот такая вот программа, которая называется vs code, visual studio code, это так называемая идее интегрейтед, девелопер, энвайрмент, то есть программа, в которой

14: Пишется код, создаются программные продукты и в том числе сайты. Ничего страшного. Если вы ничего не знаете про программирование, код писать нам не придётся. Сегодня вообще программа эта бесплатная. Чтобы получить её, нужно зайти на сайт вот такой вот visual studio дотком.

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

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

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

18: Только в платном тарифе, начиная вот с этого 17 долларового тарифа в целом можно подключить и другую ллм, в том числе и бесплатную. Для вскода. Есть очень много плагинов, экстеншенов, которые все, что угодно вам подключить могут. Клод, это мой выбор, потому что

19: Я считаю, что на текущий момент, вот на момент записи этого видео, это самая лучшая модель для создания сайтов. Есть очень хорошие, в том числе китайские бесплатные, опенсорсные, которые тоже можно использовать. Моя задача вам сегодня показать, что можно сделать. Это видео носит

20: Характер образовательный, поэтому я буду использовать самую лучшую модель. А вы какую захотите дальше? Нам с вами нужно будет пойти в chat gpt. Здесь мы сгенерируем для клода тз, что нам для этого понадобится, значит, во первых, нам понадобится

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

22: Ссылочка в описании под этим видео подписывайтесь, все материалы будут там. Кроме того, вместе с длинным промптом я добавляю в chat gpt текстовый документ. В этом текстовом документе находится транскрибация моего

23: Рассказа о проекте. Я хочу сделать сайт для очень важного для меня проекта. Уже более полутора лет я лидирую мастермайнд. Это закрытый клуб для предпринимателей с оборотом от 100 000 000 ₽ в год, внутри которого мы

24: Собираемся раз в квартал на 4 дня и за закрытыми дверьми в режиме персонального совета директоров. Погружаемся по очереди в бизнес кейс каждого участника группы на несколько часов и ищем ответ на 1 простой вопрос что?

25: Ближайший квартал мне нужно делать кардинально по другому, чтобы изменить динамику своего бизнеса. Дело в том, что если посмотреть на последние 12 месяцев по настоящему ключевых решений, которые, ну вот реально повлияли на бизнес, у каждого из нас было

26: Не так уж и много. Если бы мы знали ответ на вопрос, что мне надо делать не так, как я это делаю сейчас, этот ответ на этот вопрос был бы нам очевиден. Мы бы уже бы давно эти решения приняли и действия сделали, но это не так. Вопрос это очень сложный самому на него.

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

28: Меня спрашивает я, ну, наверное минут 30 40 объясняю детали, нюансы, методологию почему это работает, какие у нас есть кейсы, примеры и так далее и вот этот вот рассказ я просто 1 записал и перевёл его в текст, сюда, в chat gpt.

29: Вкладываю. Запускаем этот prompt в работу. Он задаст сейчас несколько вопросов. Вот то, что он понял из этого файла текстового, из моей расшифровки. И теперь он хочет вот, чтобы

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

31: Как он его понял. Ну, в общем, есть вот такая вот длительная работа, мы её немножечко ускорим.

32: Все ответы на вопросы я подготовил, попросил chat gpt подготовить для меня техническое задание для создания сайта. Он его сделал. Оно очень длинное. Читать и разбирать его толком я не буду. Для цели этого видео я полностью чат.

33: 5. Доверюсь и пойду на следующий шаг. В следующем шаге мы заходим в наш вскод, к которому уже подключён клод от компании тропик. Эта программа для каждого проекта нуждается в Папке. Я такую папку уже создал и просто

34: В неё сейчас перейду.

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

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

37: Очередь будет искать этот файл, этот файл это системная инструкция, в котором написано, как клон должен себя вести. Я вам расскажу поподробнее про то, что есть в этой системной инструкции. Я буду по ходу видео сюда ссылаться и возвращаться этим файлом. Я тоже

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

39: В этом файле с того, что здесь написано в 1 очередь всегда запускай фронтенд дизайн, скил и ui ux про Макс скилл перед тем, как написать любой код в любой сессии без каких-либо

40: Исключений. Значит, каждый раз, когда клод код запускается, он идёт в этот файл, читает все инструкции, которые здесь есть, и пытается их исполнить. И 1 же инструкция ссылается на скилы. Что такое скиллы? Скиллы это системные промты.

41: Инструкции для elm, по которым, которыми он руководствуется при выполнении задач, которые мы ему поручаем. Здесь у меня установлены уже 2 скилла 1 скилл называется фронтент, дизайн скил, 2 называется юай юикс, промакс скилл это публичные общедоступ.

42: Скилы, которые вы без проблем можете найти, ссылочки на них я также оставлю в материалах к этому выпуску, который буду в своём telegram канале публиковать здесь написана довольно длинная инструкция о том, как нужно подходить к дизайну, к рисованию.

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

44: Сейчас увидите, как это работает. Просто следите за руками и наблюдайте за тем, что происходит. Кроме того, я положил сюда несколько материалов. Я сделал вот такую вот папочку эссетс. Здесь лежит файлик тз точка ткст. Сюда я скопировал полностью все, что

45: Генерировал chat gpt. Кроме того, я положил сюда ту самую транскрибацию. Пускай она будет здесь, чтобы клод имел возможность посмотреть, о чем вообще этот проект, что я о нём сам думаю. И ещё я сюда приложил презентацию, которую я показываю.

46: Когда мы начинаем каждый мастермайнд, я показываю вот эту презентацию, она примерно из 50 слайдов. Некоторые я отсюда удалил в начале каждого мастермайнда, чтобы объяснить, как работает этот проект, как устроен наш совет директоров, какие у нас правила, что

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

48: Ещё дальше и там, где я вам это покажу вам это голову просто разорвёт что мы делаем дальше? Запускаем в vscode окошко с клодом через экстеншен, который я подключил через маркетплейс экстеншенов это делается все очень просто и как только я свой ключик сюда введу.

49: Он у меня уже введён, но настройка здесь очень простая. Я могу с клодом общаться точно так же, как я бы это делал в браузере. Я могу просто сказать ему привет, отправить запрос в лмку, и вот он мне ответит привет, чем я могу тебе помочь? Могу любые вопросы задавать все, что угодно делать.

50: Что дальше? Я ему здесь говорю? Я хочу сделать сайт для своего проекта. Я подготовил для тебя техническое задание. Оно находится в файле тз точка тст. Кроме того, я подготовил для тебя транскрибацию.

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

52: План для создания сайта.

53: Кстати говоря, с искусственным интеллектом я общаюсь исключительно голосом. Текстовые задачи я пишу крайне редко. У меня для этого есть отдельный софт, который я написал сам с помощью искусственного интеллекта. Если интересно рассказать, как это сделать так, чтобы эта штука вообще ничего не

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

55: Удобнее, в частности, можно не просто сказать, что вот файлик так называется, а можно прямо подсветить этот файлик. Для этого мы пишем символ собака и начинаем писать название этого файла здесь в выпадающем

56: Списке этот файл найдётся. Видите, он здесь так синенький подсвечен. Это значит, что моя команда будет Ровно на этот файл ссылаться и здесь не будет никакой двусмысленности. Поэтому, ну, как бы это сделает чуть чуть. Точнее, дальше подготовил те

57: Скриба ию описание своего проекта. Сайт для которого я хочу сделать. Давайте скажем, что здесь текстом допишу. Она лежит в файле. Точно также начинаю писать название файла. И вот он здесь у меня появляется. Папку так подсвечивать нельзя.

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

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

60: Асби фо эдит. Это означает, что клод будет спрашивать у вас разрешение на любые значимые изменения, а вот это вот режим, в котором он никогда ничего спрашивать не будет и будет все делать по умолчанию. Здесь же есть настройка, которая называется эффорт. Она у мен.

61: Установлено в extra high. Давайте, наверное, переведём вот сюда вот просто в хай это объём рассуждений, который он будет делать, и это влияет и на результат, и на количество сожжённых токенов. Конечно, если бы мы делали сейчас

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

63: Чтобы он ничего не спрашивал, токенов чуть чуть сэкономим. Поехали.

64: Что здесь важно увидеть, что сразу же с 0 секунды он пошёл смотреть на фронтенд дизайн скилл и на ui ux промакс скилл, потому что он прочитал файл клод нд, потому что это то, с чего этот файл.

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

66: Изучать слайды. Вот мы здесь видим, что он прочитал слайд 1 слайд 2, слайд 3 изучал, изучил все материалы. Кроме того, он ищет папочку, которая называется бренд эссетс. У меня такой папочки нет, на эту папку есть.

67: Ссылка в файле клод точка мд. Вот здесь вот про неё написано. Всегда. Проверяй наличие папки бренд эссетс до того, как создавать какой-либо дизайн. У моего проекта нет никакой бренд системы, нет логотипа, шрифтов, цветов, фирменного стиля.

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

69: Смотрел, значит, проанализировал весь тз структуру, технический план, что он предлагает, прежде чем кодить палитра Тёмный. Я не хочу сейчас ничего решать.

70: Я хочу, чтобы мы 1 версию получили абсолютно на усмотрение искусственного интеллекта. Я не написал ни 1 строчки кода, не читал техническое задание. Мы вот вы все видите, мы разрабатываем с вами в реальном времени, поэтому я просто говорю,

71: Пожалуйста, прими все решения самостоятельно, исходя из эффективности и результатов, которые я хочу получить. Сделай крутой дизайн сайта, приступай.

72: Все, работа началась. По сути, я дал ему команду. Сделай крутой дизайн сайта, понимаете, в чем дело? Мы же не можем сказать искусственному интеллекту. Просто сделай крутой сайт. Будет сделано непонятно что.

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

74: Пока клод думает, я хочу показать вам ещё 1 инструмент. Вот эта штука называется клод дизайн. Это инструмент, который появился совсем недавно. Ему буквально 1, 2 недели. На момент записи дизайн оброс таким количеством лайфхак.

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

76: И прочее. Мы здесь с вами тоже сейчас поиграемся, сделаем дизайн. Я назову здесь новый проект мастермайнд, создам новый проект и в этот проект загружу все тоже самое.

77: Практически я загружу сюда текстовое техническое задание, которое подготовил chat gpt, а также свою транскрибацию картинки сюда загружать будет долго руками. Я этого делать не хочу со своими слайдами, с презентацией, но я вам покажу.

78: Ещё 1 лайфхак, который мы с вами сделаем, поскольку мы хотим, как правило, дизайн разнообразный, и это такая вкусовщина, которая для каждого человека очень индивидуальна, здорово работают истории референсные.

79: Если вам нравится какой-то дизайн, мы можем искусственному интеллекту сказать, чтобы он взял его за основу и на него ссылался при создании бренд системы. Например, мы можем зайти вот на такой сайт дриббл дотком с 3 буквами б. Здесь есть

80: Раздел лендинг пейдж. Вы можете искать здесь что угодно по стилям, по направлениям бизнеса, по вёрстке, по шрифтам, по дизайнерам. В общем, по всему, что вам только может понравиться, я выберу наугад какой-то 1 ресурс, который мне почему-то вот

81: Прямо сейчас импонирует. Ну давайте, например, будет вот этот, что я дальше с ним сделаю с этим дизайном. Дальше я сделаю его скриншот.

82: Вот так вставлю этот скриншот сюда же, в чат. Вот он у нас здесь появился. И теперь такое задание отдам клод дизайну. Я хочу сделать сайт для проекта, который для меня очень важен. Техническое задание находится

83: В файле тз точка ткст. Моё описание проекта находится во 2 текстовом файле имм интра транскрипт точка ткст. Кроме того, я предложил для тебя скриншот. Я хочу, чтобы ты опирался при построении дизайна именно на

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

85: Никаких пересечений. Я ему специально сказал, обрати внимание на этот скриншот. Вы можете взять много скриншотов, вы можете взять те, которые вам понравились из места, которые вам понравились. Вот такого вот технического задания будет достаточно. Все. Запускаем его в работу. Посмотри.

86: Что сейчас получится, вы для себя забираете, что нам необходима системная инструкция клод точка мд, нам необходимы скиллы фронтенд дизайн и ui ux про Макс публично, общедоступно, это все бесплатно, и мы можем использовать референс.

87: Сделав просто скриншот любого сайта или какого-то другого материала, который вам нравится визуально. После того, как клод дизайн, его можно использовать только в браузере, доступного приложения для него нет. На текущий момент, как

88: Только он проанализирует материалы, он задаёт вопросы уточняющие. И здесь вот прикольно они сделали, что на эти вопросы надо отвечать кнопками. Это очень удобно. Я считаю, что это очень крутая Находка и остальным инструментам для вайб кодинга этого сильно не хватает. Язык сайта.

89: Только русский, как назвать клуб на сайте совет директоров, направление цветовой палитры. Выберите акцент, не знаю, пускай будет вот такой, так, среда коллективного стратегического мышления.

90: 1 экран. Вообще здесь есть такая вот кнопочка. Давайте, знаете, как сделаем. Есть такая кнопочка дисайд фо ми, она переводится дословно, как прими решение за меня. Вот мы здесь везде сейчас скажем, чтобы искусственный интеллект принял реше.

91: За меня вот это прикольно, ползунок. Насколько строгим должен быть тон по шкале от нуля до 100. Вопрос, конечно, грандиозный. Вот так куда уходить? Заявки что-то критичное. Это нам все пока неинтересно. Все, поехали.

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

93: Который называется индекс точка html. Этот файлик уже длинный, в нём уже за 1000 строк я не написал ни 1 строчки кода. Читать этот код. Мы не будем редактировать его. Мы не будем знания. Html, программирование, css javascript. Ничего это не нужно. Что

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

95: Есть инструкции, которые описывают порядок работы со скриншотами. Клод должен делать скриншоты сайта, которые он пишет. Видите?

96: Вот здесь вот добавились файлики, он сам написал серверную часть инструмента, который снимает скриншоты, сам анализирует картинки. Давайте посмотрим, что на скриншотах сделано. Вот здесь вот видно, что сайт разделён на блоки, что 1 блок уже заполнен. А вот здесь

97: На 2 скриншоте видно, что блоки заполнены уже все специально показываю мелко, специально показываю быстро, чтобы ничего не спойлерить. Сейчас дождёмся, пока результат появится готовый и я вам его полностью покажу. Так, ну что, клод дизайн завершил работу?

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

99: Нормально. У неё есть такой встроенный режим проверки, но мы на него уже можем смотреть. Давайте показываю вам, что получилось в 1 нашей итерации. 3, 2, 1. Вот такой вот у нас получился результат. Ну что, выглядит довольно мил.

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

101: Это сделала иишка только что за несколько минут или все-таки это выглядит как классно продуманный сайт с реально дорогим дизайном я вам так скажу, полгода назад, ну где-то тире год назад вот это стоило бы

102: Миллионы. Сегодня я получил это бесплатно. Ну да, клод платный стоит 17 $ в месяц. Я сжёг на несколько долларов токенов, но почти тоже самое вы сможете получить на бесплатных моделях. И тоже самое, если будет несколько доработок.

103: Какая форма красивая. Здесь же все продумано и это делается ну очень легко. Я на естественном языке объясняю искусственному интеллекту, что я хочу рассказал про свой проект, он сам сделал тз, сам сделал прикольный сайт, здесь же уже сразу

104: Зато вот Тёмная синяя тема. Вот прикольно, что в этом инструменте есть какие-то вот ещё пресетные

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

106: Часть мы делаем ставки, да, того, чем мы будем заниматься. Образ результата, подпись участника. Ну, допустим, вот эта цифра 62 мне не нравится. Я хочу заменить её на 65. Это делается вот так. Просто не надо отдавать отдельный промт, сжечь дополнительные токены. Я просто

107: Нажимаю эдит, выделяю блок, который я хочу подкорректировать. Здесь есть все его характеристики. Шрифт, цвет, прозрачность, отступы и так далее. Текст. Я могу сам поменять. Инструмент классный, он сразу же доступен. Я могу вот здесь вот нажать share и получить на него

108: Его публичную ссылку так, чтобы отправить её кому-то другу коллеге, показать, обсудить результаты и так далее. Мне кажется, это просто отвал башки, ещё 1 лайфхак, который вам хочу показать, который, ну просто вас повергнет в шок, если вы ещё не там как

109: Просто какой крутой дизайн мы теперь можем делать заходим вот сюда сайт называется twenty first dot деф. Здесь собраны для самых разных задач компоненты, которые мы можем переиспользовать.

110: Анимационные, интерактивные, которые сделают ваш дизайн. Ну просто на уровне супер дорогих сайтов, например, мне нравится вот такой вот элемент с фоном. Я хочу, чтобы у меня на сайте был

111: Такой же. Здесь специально для этого есть вот такая кнопочка, которая называется копии промт. Я копирую этот prompt. Он скопировался в буфер обмена. Я Иду в клод дизайн. Тоже самое. Я могу пойти в vs code и

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

113: Отправляю это на работу искусственному интеллекту, через некоторое время все будет готово, а я переключаюсь на visual studio code, что здесь произошло все, он говорит готово, сайт собран, посмотрите, сколько скри.

114: Шотов. Он сделал целую пачку, он собрал файл лендинг, он собрал сервер, который работает и доступен у меня по вот Такому адресу в браузеру. Это значит, я могу какую-то серверную логику здесь тоже накрутить, отправку формы или ещё что.

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

116: Что получилось 1, 2, 3 открываем. Вот такой сайт получился совет директоров. Логотип придумал сам закрытое членство, строгий отбор энди, внешний совет.

117: Закрытая среда коллективного стратегического мышления, группа собственников бизнеса, работающая как ваш внешний совет директоров, помогает находить решения, которые меняют динамику бизнеса. 10 миллиардов. Это, кстати, факт. Я кому-то рассказывал.

118: Транскрибация это есть 10 миллиардов. Совокупный оборот даже больше 10 миллиардов бизнесов, собственники которых собрались в зале. Это наш минимальный порог. 100000016 дней. У нас 4 сессии в году по

119: 4 дня, 16 дней стратегического мышления. Мы пишем декларации по итогам страцессии и, ну, блин, это очень красиво. Посмотрите, что текст поднимается, появляется анимационно здесь

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

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

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

123: Это рассказ про меня. Короче, очень круто все это выглядит. Напишите в комментариях, что вы думаете, как вам такой дизайн сайта? Я, честно говоря, в шоке. Я это видел. Конечно, я этим пользуюсь уже большое количество

124: Хотел сказать, лет никакое лет, это появилось все вот недели, месяцы, может быть, у нас на кончиках пальцев просто текстовыми промтами доступен. Вот это вы же видели, я рассказал про свой продукт, да, у меня есть про него.

125: Рассказ. Ну так и вы можете про свои проекты рассказать. А дальше я сказал, вот тебе промт, промт, я выложу лайки, комментарии с вас, вот тебе пром, сделай тз тз запихнул сюда, сказал, вот тебе тз, поэтому тз сделай классно, все реши за меня сам. И вот

126: Такой вот результат. Я получил. Клод дизайн все ещё думает над задачкой, которую ему выдал. О, кстати, вот он её сделал. Давайте вместе с вами её сейчас посмотрим. Ну, посмотрите, как преобразился сайт. Видите вот эту анимированную штуку на фоне, на

127: Сколько эта история добавляет крутости и дороговизны? Блин, это просто невероятно. Обратите внимание, что он добавил эту историю только в этот блок. Если я захочу, я подберу себе какой-то другой графический элемент.

128: Любой здесь их 1000000. Здесь есть и фоны такие красивые, и какие-то вот линии летающие, они будут за мышкой следовать, и какие-то паттерны, и трансформации текста, и видеовставки, и вот такие вот трёхмерные изображения.

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

130: Будет, ну просто грандиозно. Так, ну, я ещё некоторое время посидел, поигрался, сделал все полностью на свой вкус и хочу продемонстрировать вам финальный результат, который у меня получился. Я использовал все те лайфхаки, которые я вам показывал, и ещё не

131: Некоторые даже сверху, которые сейчас тоже покажу. Смотрите, что у меня получилось. Значит, во первых, для меня искусственный интеллект подобрал домен. Я, как только его увидел, сразу зарегистрировал стратеджик борд точка ру. На этом домене у меня крутится сайт для

132: Этого стратегического мастермайнда, совет директоров, который я лидирую. Можете зайти сами на этот сайт, посмотреть, как он выглядит, как он выглядит с телефона, как он выглядит с компьютера. Ссылочку оставлю на этот сайт тоже в описании, что у нас здесь есть. Ну, во первых, здесь есть анимир.

133: Phone видите, здесь такие птички летают, во вторых на 2 экране phone тоже анимированный, но анимация другая и вот здесь вот на 3 экране тоже phone с анимированными такими частичками красивыми. Дальше у меня здесь вот такая вот анимация.

134: Мозгов, таких 15 мозгов демонстрируют 15, как бы, как это 15 мозгов представляют из себя 15 участников, которые соединены в единую сеть, проецируют решение. И видите, они вот так вот реагируют на

135: Движение мышкой. Здесь у меня сейчас пишется экран, ещё запущенна запись, поэтому немножко притормаживает, потому что оперативка вся занята, но выглядит это грандиозно. Мне очень нравится. На mobile этого не видно. Эту анимацию я создал через

136: Клод самостоятельно, если хотите, запишу отдельное видео, как самому такие анимации создавать любые по вашей фантазии. Это точно так же просто, как и скопировать промт с сайта, который я вам показал чуть раньше, что у нас тут есть.

137: Ну да, здесь есть вот эти все элементы, которые рассказывают про совет директоров, состоящий из предпринимателей. То есть у нас в сообществе, в нашем, по сути, каждый участник может получить персональный совет директоров из действующих предпринимателей суммарно.

138: Оборотом выше 10 миллиардов рублей, которые исходят из позиции инвестора. Вот это в предыдущей версии не было. Где-то в моих рассказах, кому-то это было, что мы занимаем позицию инвестора, мы анализируем кейсы участников.

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

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

141: Про меня и так далее. В общем, ребят, если у вас бизнес от 100000000 в год плюс, зайдите, почитайте. Если откликнется здесь, внизу есть форма. Эту форму я также через иишку очень быстро заставил работать, так что те, кто её заполняет, переходят прямо ко мне.

142: Сразу же, если опять же, непонятно, как это сделать. Интересно, напишите в комментарии, сделаю отдельное видео, расскажу. Так, ну и ещё раз, ребят, вот что мы сегодня получили. Значит, вот это была 1 версия, которая просто сделана промтами и транскрибацией моего ра.

143: Никаких усилий я к ней не прикладывал. Это все произошло, наверное, минут за 10:15. Вот это мы с вами делали параллельно. Здесь уже добавилась классная анимация. Вы теперь знаете, как добиться такого же результата очень быстро.

144: Все лайфхаки вам рассказал 1 это клод мд с инструкциями, 2 это скиллы, которые называются фронтенд дизайн, скил и ui ux промакс 3 это часть клод мд про активы.

145: Brand если они у вас есть и workflow со скриншотами 4 это анимации на twenty first death и референсы любых сайтов скриншотов, которые вам нравятся 5.

146: Хотя, наверное, в списке это будет какое у нас нулевое. Да, это через chat gpt генерация по моему промту технического задания для того, чтобы все это случилось. Ну и дальше вы голосом объясняете или текстом.

147: Как вам удобнее искусственному интеллекту, что и как вы хотите доработать, докрутить? Я заморочился, посидел. И вот такая вот красота у меня получилась. Телефоны выглядит тоже очень красиво. Скажите, какой дизайн вот из этих вот 3 вам лично, бли.

148: Я остановился на этом, он у меня уже опубликован в домене, который тоже выбрал искусственный интеллект. Я вот как человек, который работает с диджитал бизнесом уже, наверное, лет 20, но для меня это все ещё выглядит как какая-то просто

149: Магия я помню как я по книжкам учился писать html код, потому что не было ещё интернет был диалапный вот такой вот я динозавр, старый интернет был по телефону медленный. У нас не было не то что обучающих видео видео в интернете не было в при

150: В принципе, сегодня я вам, расположенным по всей стране, по всему миру, объясняю, как голосом на естественном языке за минуты, за какие-то единицы долларов искусственному интеллекту объяснить и он сделает.

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

152: Делаете лендинг сайт, описываете свой продукт. У вас на это уходит минута, несколько долларов. Запускаете трафик, запускаете компании в соцсетях яндекс директ. Смотрите, на спрос конвертируется или не конвертируется, и

153: Исходя из этого, принимаете решение идти уже в боевой продукт или не идти. 2 таким же макаром можно делать не только сайты, но и, естественно, презентации. Можете сохранять все это в pdf пауэрпоинт и делать крутейшие публичные выступления. 3, если вы уже

154: Работаете над каким-то проектом? Скажите, пожалуйста, что останавливает вас от того, чтобы прямо после просмотра этого видео сгенерировать 5 10, 50 таких лендингов. Вы же можете кучу референсов взять кучу дизайн стилей, кучу.

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

156: Все остальное, что вас от этого останавливает. Если вы вообще не понимаете, чем заниматься, у вас проекта нет идей? Нет. Ну так зайдите на яндекс карты, найдите вокруг себя бизнесы, у которых сайтов нет никаких. За несколько минут часов сделайте им.

157: Вот такие вот прекрасные сайты. Залейте их на какой-нибудь бесплатный хостинг и продемонстрируйте их владельцам этого бизнеса с предложением выкупить это за 10, 20, 30 000 ₽. Да, наверное, выкупят не все, но кто-то это

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

159: Скоро будет ещё очень много таких видео. Увидимся с вами в следующем ролике.