Skip to main content

№4: Разработка лонгрида с помощью ИИ

Условия марафона

Задача

Разработать учебный курс в формате «лонгрид» по любой теме. Выбор конструктора лонгридов не ограничен. Можно использовать самописные решения. Нужно свести трудозатраты с помощью нейросетей к минимуму и за 1 неделю получить полностью готовый курс.

Условия достижения задачи

  • Контент 1500 - 1800 слов (можно больше)
  • Контент полностью сгенерирован нейросетью. Допускается только небольшие правки в текст
  • Оформление курса (графика и т.д.) выполнено тоже с помощью нейросети

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

Запаситесь чаем и вкусняшками. Будут курсы про еду и не один :) И для навигации по статье пользуйтесь боковой панелью слева.

Работы участников

Ольга Ковальчук (@okcrazyart)

Вводные
  • Средство разработки: iSpring Page
  • Используемые нейросети: ChatGPT, Midjorney
  • Объем текста: 480 слов, 2929 символов
  • Время на работу: запросы искусственному интеллекту и сбор в конструкторе 6 часа

marafon_4_1.webp

>>Посмотреть работу<<

Подробнее о работе

Запрос для ChatGPT:

  • Давай напишем лонгрид "Как ставить цели по SMART" на 1200–1600 знаков. В лонгрид добавь пример, который рассмотрим с точки зрения - конкретности, измеримости, достижимости, релевантности и ограниченности во времени. Лонгрид напиши простым языком и в шутливой форме. Используй в лонгриде образы из русских сказок - Иван-царевич, Баба Яга.

Запрос для Midjorney:

  • baba yaga in the style of ivan bilibin, in the style of fairytale-inspired, whistlerian, forestpunk, northern and southern dynasties, light yellow and gold, multilayered collages, pseudo-historical fiction
  • a young couple riding a horse in the style of ivan bilibin, in the style of fairytale-inspired, whistlerian, forestpunk, northern and southern dynasties, light yellow and gold, multilayered collages, pseudo-historical fiction
  • fairy tale map of coutry in the style of ivan bilibin, in the style of fairytale-inspired, whistlerian, forestpunk, northern and southern dynasties, light yellow and gold, multilayered collages, pseudo-historical fiction

@maggie_valua

Вводные
  • Средство разработки: Course Editor
  • Используемые нейросети
  • Объем текста: 1604 слов, 11 437 символов
  • Время на работу: с текстом все было относительно просто, там около 3-4 часов ушло, а вот изображения меня потрепали основательно + дизайн менялся два раза. В целом, если брать оценку в днях (в часах сложно ответить), это где то дня 2-3 ушло в свободном режиме.

marafon_4_2.jpg

>>Посмотреть работу<<

У курсэдитора есть особенность. Учитывайте это здесь и в последующих работах из этого редактора. Кнопки перехода между разделами в веб-версии курса не работают. Контент листайте как обычный лонгрид :) С кнопками в тестах и интерактивах все в порядке.

Подробнее о работе

Это было не так просто, как казалось в начале) Особенно с картинками, особенно с запросом «свежая рыба на прилавке». Я никогда не забуду этих летающих рыб))

П.С. Изначально брала совсем другую тему, довольно мрачную и относительно актуальную…»Воздушная тревога» о_О И вот там были большие проблемы! Ответы на запросы, даже максимально подробные, выдавались размыто, обобщенно и без особой конкретики. За пару дней пришла к выводу, что ни одна сетка пока не способна выдать что то путное по сложным темам. За то с едой справляется на ура 🤣

marafon_4_3.webp

marafon_4_4.webp

marafon_4_5.webp

@Fearos

Вводные
  • Средство разработки: Course Editor
  • Используемые нейросети
  • Объем текста: 1523 слов, 11 204 символов
  • Время на работу: все делал в свободное время. Не считая «отчета» два дня на текст, день на оформление

marafon_4_6.webp

>>Посмотреть работу<<

Подробнее о работе

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

Раз уж по возможности нужно попробовать свести трудозатраты к минимуму, то и придумать темы тоже доверим нейросети.

marafon_4_7.webp

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

marafon_4_8.webp

Я ожидал увидеть список новых тем, сеть же изменила предыдущие результаты. Некоторые пункты отдельно вызвали улыбку. 

marafon_4_9.webp

Вот здесь меня больше всего привлекла 12 тема. Не самая сложная, можно самостоятельно отфильтровать «глупость» или «фантазии» сети, к тому же в ней можно дать четкие инструкции или последовательность действий, что будет ближе к теме статьи или курса. Решено было остановиться на ней.

marafon_4_10.webp

Что ж, есть тема и структура, осталось ее наполнить материалом. Дальше также будем двигаться от простого к сложному, от общего к частному.

marafon_4_11.webp

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

marafon_4_12.webp

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

marafon_4_13.webp

По итогу по двум отдельным запросам на одну тему (разница лишь в слове «подробное» во втором случае) получилось вступление, которое меня полностью устроило.

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

marafon_4_14.webp

marafon_4_15.webp

За время наполнение контента столкнулся с одним занятным случаем.

marafon_4_16.webp

Я не являюсь экспертом в данной области, но и даже похожего слова никогда не слышал. Мне стало интересно.

marafon_4_17.webp

Это меня удивило. Возможно это частный случай, но получить ссылку на источник у меня не вышло. Остается только довериться на слово.

marafon_4_18.webp

После я уже самостоятельно обратился с этим вопросом к интернету. Оказалось, что так называется нить в светодиодных лампах, правда с небольшой разницей – филамент. Тут мне захотелось, чтобы мой товарищ сам исправил «ошибку».

marafon_4_19.webp

marafon_4_20.webp

marafon_4_21.webp

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

Когда материал полностью был готов, я подумал, что можно попробовать также сделать тестовые вопросы. Я остановился на сервисе https://quizbot.ai, который именно для этого и предназначен. В нем оказалось довольно много возможностей и мало попыток для запросов. В ознакомительной версии позволяется создать 3 теста. При этом можно выбирать тип вопросов и их сложность. Есть даже вопросы по уровням таксономии Блума, но их я не успел опробовать. Суть использования проста – загружаем исходный текст, настраиваем необходимые параметры, далее сеть выдает список вопросов.

marafon_4_22.webp

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

Также я решил попробовать с помощью сетей придумать «нестандартный вопрос». Ушло несколько разных попыток, но один из результатов вполне мог сгодиться под идею для реализации.

marafon_4_23.webp

На этом работа с текстом была полностью закончена, осталась графическая составляющая. 

В качестве первого шага я обратился к сервису https://gamma.app, он может полностью создать весь контент (текст, изображения, оформление и дизайн) по названию темы. 

Сперва необходимо выбрать формат будущего документа и саму тему. На основании этого будет предложена структура, которую можно изменить на свое усмотрение или оставить как есть.

marafon_4_24.webp

После происходит процедура создания контента. На выходе нам дают материал, который собран в местном конструкторе.

marafon_4_25.webp

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

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

Дальше мне нужны иконки и изображения и вот с иконками возникла целая «проблема». Я не смог найти нейросети, которые создавали бы иконки по описанию. Чаще всего я наталкивался на сервисы, которые позволяют сделать логотип в виде иконки или же могут сделать иконку для приложения, но это совсем не то, что мне нужно. Думаю, что скорей всего подобные сети существуют и мне просто не удалось их обнаружить. «Обычные» же сети по работе с изображениями для этого, как мне показалось, не подходят. 

marafon_4_26.webp

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

marafon_4_27.webpmarafon_4_28.webpmarafon_4_29.webp

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

Здесь я сознательно отошел от правил и воспользовался сервисом https://www.flaticon.com/ru/, в котором собрана большая база готовых иконок разного стиля. Да, с одной стороны я не создавал их самостоятельно, с другой — это не работа нейросети. Поэтому иконки я использовал только для дизайна, не добавляя их для смыслового оформления текстового контента.

Для создания изображений я выбрал нейросеть kandinsky 2.1. Во-первых, было интересно опробовать в деле нашу разработку. Во-вторых, у сети есть разные способы работы с ней. Телеграм бот @kandinsky21_bot и сайты https://rudalle.ru, https://fusionbrain.ai/diffusion. У всех способов немного отличаются наборы стилей, способы создания изображения и размер. Например, создать изображение на основе другого можно с помощью бота и сайта fusionbrain. У бота самый малый набор стилей, а rudalle позволяет выбрать разрешение для будущего изображения. Я свой выбор остановил на fusionbrain в стиле «детальное фото».

Мои личные наблюдения за время работы. Степень «фантазии» сети мне показалась немного выкрученной и управлять ею нельзя. Из-за чего довольно проблемно получить «реальные» изображения людей, эмоций, деталей и механизмов. При этом общие абстракции, «простые» или одиночные предметы могут выходить довольно хорошо. В некоторых случаях крайне детализированный запрос помогает улучшить результат, а в других же сеть пускается во все тяжкие. Нужно именно пробовать и рассматривать разные варианты запросов и оформления. В моем случае я счел оптимальным запросы из 3–4  слов с несколькими прилагательными. Ниже приведу примеры отдельных интересных работ.

Много разных примеров (нажми чтобы развернуть)

marafon_4_33.webp

marafon_4_32.webp

marafon_4_31.webp

marafon_4_30.webp

marafon_4_34.webp

marafon_4_35.webp

marafon_4_36.webp

marafon_4_37.webp

marafon_4_38.webp

marafon_4_39.webp

Пришло время подводить итоги. Я использовал весь контент от сетей, не меняя его. В отдельных случаях вносил небольшие изменения в 1-2 слова на один экран лонгрида. Принцип наполнения контента был такой, что на одну тему я делал несколько разных запросов, а потом смешивал их в смысловой блок, удаляя лишнее (целые предложения или абзацы).

При таком подходе я столкнулся с тем, что мне было тяжело набрать «норму» по объему текста. Возможно, дело в теме, в моем неправильном подходе или нужно было по-другому работать с сетями, но периодически появлялась необходимость повторно обращаться к сети, чтобы расширить или дополнить какую-нибудь тему или добавить еще пункты в структуру.

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

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

Сам «эксперимент» считаю удачным и интересным, а полученный опыт позволит по-другому взглянуть на нейросети и взять некоторые инструменты на вооружение в своей работе. 

Благодарю за предоставленную возможность и внимание. ^_^

Оля (@olya_lola_bunny)

Вводные
  • Средство разработки: Course Editor + SL 360
  • Используемые нейросети: ChatGPT и Кандинский
  • Объем текста: 1841 слов
  • Время на работу: думаю около полной рабочей недели, часов 40 или 48 (так я делала недели две по несколько часов и не каждый день)

marafon_4_40.webp

>>Посмотреть работу<<

Подробнее о работе

Курс «Сладкий соблазн» создан для любителей шоколада с целью:

  1. изучения свойств и преимуществ шоколада, способах его хранения, чтобы иметь понимание о пользе и вреде от употребления шоколада
  2. обучения технике правильной дегустации и выбора качественного шоколада, чтобы научиться различать разные виды шоколада, оценивать их качество и наслаждаться их вкусом и ароматом
  3. расширения своих знаний и навыков в области шоколада, ознакомления с новыми видами шоколада и их сочетаний с другими ингредиентами
  4. умения создавать напитки с использованием шоколада, а также приготовления домашнего шоколада

Для контента курса были использованы ChatGPT и Кандинский. Курс сверстан на конструкторе Course Editor с вставками Артикулэйта.

Мой ChatGPT общается от женского лица, вежливый. Сложностей в общении не возникало, поскольку мои запросы были не специфические. Не знаю, насколько достоверную информацию он предоставлял, сомнения возникли на некоторых фактах о шоколаде. Проверяла их в поиске гугла – информация не была найдена, так что не понятно, достоверны ли эти факты, или выдумка Чата.

Контент был сгенерирован частями. Сначала просто был запрос о видах шоколада, или о его хранении. Затем только запросила структуру курса. Оказалось, что она очень похожа на ту, что я себе уже придумала. Возможно ChatGPT уже как-то учитывал мои запросы ранее.

Некоторые заголовки были мной скомпонованы из предложенных Чатом. Также и некоторый текст – из нескольких похожих ответов на мои запросы я выдернула только подходящие мне предложения и соединила их. 
Какой-то текст не меняла совсем, все подходило. Ошибок практически не было. Одна-две орфографических больше опечаток, чем ошибок.

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

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

Был забавный момент о правильном выборе шоколада. В одном из пунктов Чат выдал: «Попробуйте заткнуть нос и затем нюхать шоколад, чтобы лучше уловить аромат». Каким местом нюхать, советов не было.

Кандинский начал хорошо. Запросы про шоколад выдавал очень соблазнительные. Есть момент, что картинку он создает 767*767, поэтому фоновая картинка в курсе сделана не с помощью ИИ, это единственная не ИИ-картинка в курсе. 
Когда был сделан запрос «Девушка есть соблазнительно шоколад», начался фильм ужасов. Руки росли из ушей, пальцев было много, они были сами по себе, и не целиком. Изо губ (не изо рта, а из губ) лился шоколад, зубы как в корпорации монстров, глаза как у зомби. Поставив при таком же запросе стиль «Новый год» стало лучше. Девушки были посимпатичней, похожие на людей, но слишком курносые.

В основном я делала запросы только в стиле «Детальное фото». «Без стиля» картинки получались как будто сфотанные на стремный фотоаппарат. А «Детальное фото» делает картинки очень сочными, аппетитными, но, есть один нюанс. Он использует слова запроса для всех элементов на картинке. Например, если в запросе есть слово «шоколад» или «шоколадный», то все будет сделано из шоколада.

Долго билась над созданием картинки для хранения шоколада. Сначала Кандинский по запросу «шкаф для хранения шоколада» выдавал высокий двустворчатый шкаф с распахнутыми дверцами, забитый доверху шоколадом. По запросу «Комод» он выдавал Сундук. А если в запросе много слов, он скомпонует милый, но не нужный гибрид. Например, «Вода в кувшине, чеснок, шкаф для хранения шоколада» можно было получить кувшин в виде шоколадного чеснока. 
А когда я просила мне выдать кухню, где есть плита и холодильник, то было даже такое, когда стоит открытый холодильник, а в нем – плита.

Понравилось в Кандинском то, что рядом с созданной картинкой можно сдвинуть рамку, чуть захватив созданную, добавить другую с новым запросом, и у них будет что-то общее, например, похожий фон, пол, стена. Таким образом была создана картинка для обложки – это три разных картинки, но не видно каких-то швов. И так была создана картинка для хранения шоколада. Сначала был создан холодильник. Затем, сдвинув рамку, сгенерировала шкаф (и не просто сдвинув, а уменьшив ее размер). Затем такого же уменьшенного размера рамку подняла над шкафом для генерации продуктов, которые на нем стоят. И потом, снова увеличив рамку до 767*767 сдвинув ее еще левее, создала окно. Кажется, именно на нее я потратила около двух или трех дней. Никак мы не могли с Кандинским найти взаимопонимания.

Объекты для приготовления домашнего шоколада создавались недолго, но фон я удаляла вручную в Фигме. В общем, при использовании Кандинского я испытала весь спектр эмоций от «Ух ты» до «Какого хрена».

В целом была ломка от того, что обычно вводишь запрос в поиск, и спокойно выбираешь из кучи предложенных картинок. Здесь же нужно каждую отдельно генерировать, это занимает не очень много времени, но все равно, порой, пока ждешь, перейдешь в ожидании на другой сайт, и уже забудешь, чем ты занимаешься. Потом «Ой, у меня же тут Кандинский что-то придумал». А с другой стороны иногда появляется азарт, когда выдает что-то близкое к истине, и нужно еще варианты поискать, и думаешь «Давай! Еще! Что-то подобное! Что же ты выдашь теперь?».

Владимир vmkzakoƒƒ (@vmkazakoff)

Вводные
  • Средство разработки: самописное решение (фреймворк Tailwind)
  • Используемые нейросети
    • для контента и кода только ГПТ (специально, принципиально хотел использовать только его)
    • для картинок бот Кандинский
  • Объем текста: 3396 слов
  • Время на работу: 2 часа

marafon_4_41.webp

>>Посмотреть работу<<

Подробнее о работе
  1. Сразу верстать - ПЛОХО
  2. Брать тейлвинд было эпическим провалом!
  3. В какой-то момент с версткой перешел на логику "придумай элемент, поправь вот так, скажи как поправить что-то совсем мелкое.
  4. Хотел сделать больше разных упражнялок (собственно потому и взял такой формат разработки, не только контент, но и верстка, но честно скажу что не хватило времени, хотя это норм не сложная штука и ГПТ оч круто помогал.
  5. Придумывал кейсы ГПТ оч круто!!! Я даже не мог представить что-то, просил придумать и он клевые задания сочинял.
  6. Чтобы ГПТ максимально консистентно придумывал контент я делал разные чаты, но копипастил первоначальный запрос
  7. После 7-10 сообщений ГПТ начинает уносить и лучше начать заново ))
  8. По контенту ещё скажу. Мне понравилось - получилось примерно то, что я хотел. Хотя в реальности надо вычитывать и прям по тексту немного править. И то, где я просто забил уже - всякие жирные и курсив - если бы делал в конструкторе  то точно бы использовал оформление. Наверное по этому и картинок не добавлял.

    Но я сам перед собой не ставил задачи по оформлению, так что его и нет.

  9. Зато благодаря метафорам тест получился достаточно консистентный и связный. Это однозначно круто так как и идея и реализация полностью на ии.

Примеры запросов

  • Привет. Действуй как копирайтер.

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

    В другом чате я с тобой уже придумал название курса: "ХХХ". И там же мы написали введение про ХХХ.

    Давай придумаем содержимое Х главы: "ХХХ". 

    Пиши только текст, не пиши объяснения.

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

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

Подумал тут добавить немного живости. Я решил, что негоже делать курс как ссылка на ноушен или гуглдок с контентом, хочется ж его оформить как-то. И я решил что буду делать какой-то шаблон. Заодно давно отел попробовать фреймворк в деле. В итоге первые 15 минут у меня ушли на пытку ГыПыТыка на предмет кода...

На скринах "путь мучений" ))

marafon_4_42.webp

marafon_4_43.webp

marafon_4_44.webp

marafon_4_45.webp

marafon_4_46.webp

И вот шаблон в итоге.

marafon_4_47.webp

подсветку пунктов ГыПыТык сделал, но там пара ошибок и сегодня мучать его дальше уже не хочется.

Тему для себя выбрал - поверка гипотезы на основе метрик - это из продуктового подхода разработки. Формат - очевидно лонгрид с интерактивными элементами (насколько смогу из ГыПыТыка их получить)

Из найденного - гпт ж слепой в плане того что он не видит как выглядит страница которую он пишет - работать с ним по верстке достаточно мучительно ))

еще 10 минут потребовалось объяснить ИИ что ее скрипт не работает, но потом я на 15 минут застрял и первые 50 пикселей сверху меню не выделяется. мне конеш не сложно самому поправить, но договорились что все делает ИИ - оставлю так в назидание почему разработчики могут спать спокойно - заказчикам нужно ОЧЕНЬ хорошо понимать чего они хотя и обладать ТИТАНИЧЕСКИМ терпением

Коротко про выбор темы и сеттинга для курса. Я теперь не знаю на чем остановиться.  А у меня еще и строгий лимит времени - 25 минут за вечер (и я уже сегодня все потратил)

marafon_4_48.webp

marafon_4_49.webp

Работа над структурой завершена. Немного задолбался и буду склеивать "вкусные" названия со второй картинки с структурой из первой руками. Его об этом просить и заставлять самого склеить - тяжко. Но копипаст мелких кусочков вроде не запрещен.

marafon_4_50.webp

marafon_4_51.webp

И из рубрики "не в бровь, а в глаз". Начал делать первый раздел. Попросил действовать как методолог. Получил советы что мне надо делать... По тону спасибо что не спросил про цели и задачи... Попросил действовать как копирайтер - получил нормальную главу (буду просить местами менять, но в целом норм)

marafon_4_52.webp

marafon_4_53.webp

Короче не просите чат быть методологом - он слишком вживается в роль )))

Немного о мучениях в попытках заставить ГПТ генерить код. 

В целом справлялся, но было много моментов где я потом просил его сказать как что-то сделать, а не переписывать код, т.к. когда он переписывает заново он может вообще что-то потерять/забыть и лучше спросить "как добавить скругленные уголки", чем "добавить скругленные уголки к блоку в пятом абзаце" регулярный снос с темы, особенно с кодом - бесят. Но тут и я виноват - выбрал дурацкий фреймворк в котором очень много текста пишется (нереально много, не советую за мной повторять)

marafon_4_54.webp

marafon_4_55.webp

marafon_4_56.webp

marafon_4_57.webp

marafon_4_58.webp

а вот по контенту хорошо. хотя местами ГПТ ленился и шел точно по тому примеру который я подкинул... а вот делать тест с ним хорошо, даже очень ))

marafon_4_59.webp

marafon_4_60.webp

marafon_4_61.webp

  • если не понимать верстку как минимум на уровне "отличаю height от width" и "понимаю что значат < и > в коде" хрен бы я такое собрал
  • частично в этом виноват tailwind фреймворк и я вообще уже 10 раз пожалел что его взял - он безумно многословный и в нем очень сложно попросить ИИ поменять только небольшой кусочек (типа скругления или добавить тень - он по пути еще что-то меняет)
  • руками собирать придуманный ИИ лемент и его контент - отдельная боль, но для этого и нужны специальные инструменты, которые это должны делать. но я себе поставил задачу все делать чисто чатом (кроме картинок, понятно)

Ниже работа верстальщика (анимацию с последнего скрина вообще так и не добавил и кажется в какой-то момент вообще грохнул кнопку меню в мобилке, но вообще она там должна была быть).

marafon_4_62.webp

marafon_4_63.webp

marafon_4_64.webp

marafon_4_65.webp

marafon_4_66.webp

Ниже пример работы над контентом - отдельный чат на каждую главу, однотипное начало чата.

Глава 1

marafon_4_67.webp

marafon_4_68.webp

marafon_4_69.webp

Глава 2

marafon_4_70.webp

marafon_4_71.webp

marafon_4_72.webp

Julia (@Fiiiiiv)

Вводные
  • Средство разработки: Scroll
  • Используемые нейросети: @GPT4GenaBot  и @AiVeraBot
  • Объем текста: -
  • Время на работу: 2-2.5 часа

EpqsNNNJ8zvitYNcoHq3QO1cjVq3sw4GIzazoUDD.jpg

>>Посмотреть работу<<

Подробнее о работе

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

и только на третью попытку «ПОЖАЛУЙСТА, напиши теоретический материал по модулю…» он мне выдает нужную теорию.