Ваши карусели в Claude Code никуда не годятся (вот как это исправить)

CChase AI
Advertising/MarketingComputing/SoftwareInternet Technology

Transcript

00:00:00Claude Code ужасен в создании каруселей, и это ваша вина.
00:00:03Прямо сейчас социальные сети тонут
00:00:05в низкокачественных каруселях, созданных с помощью Claude Code,
00:00:08которые не получают никакого вовлечения.
00:00:10И всё потому, что они выглядят совершенно одинаково,
00:00:12и все они сделаны просто на чистом HTML.
00:00:15И это серьезная проблема, если вы человек,
00:00:17который пытается использовать ИИ в своем SMM,
00:00:20ведь карусели — это один из самых конверсионных форматов
00:00:23контента в социальных сетях на сегодняшний день.
00:00:25Поэтому в этом видео я помогу вам,
00:00:27показав, как вырваться из этого тренда
00:00:29с помощью гибридного подхода, который берет лучшее от Claude Code
00:00:32и его HTML-активов, и объединяет их со сторонними моделями изображений,
00:00:36такими как GPT Images 2 и Nano Banana Pro,
00:00:39чтобы создавать карусели, которые действительно работают.
00:00:42Итак, когда мы говорим о конверсионных каруселях,
00:00:45я имею в виду что-то подобное.
00:00:46Этот пост я сделал около пяти недель назад,
00:00:49сотни тысяч просмотров.
00:00:50Мы получили около 18 000 лайков на этом посте,
00:00:52и это идеальный пример того самого гибридного подхода,
00:00:55о котором я хочу вам рассказать.
00:00:56Прежде всего, когда мы говорим о каруселях,
00:00:59нам нужно подумать об обложке.
00:01:01Это первое, что увидят люди,
00:01:03и она должна быть максимально визуально эффектной.
00:01:05То, что вы видите здесь, было создано с помощью GPT Images 2,
00:01:08и именно для этой обложки
00:01:10мы будем опираться на сторонние инструменты,
00:01:12будь то GPT Images 2
00:01:14или что-то вроде Nano Banana Pro.
00:01:16Когда мы затем пролистываем остальную часть карусели,
00:01:19когда мы смотрим на слайды с контентом или ценностью,
00:01:22вот здесь что-то вроде HTML-активов,
00:01:25созданные самим Cloud Code, вполне подойдут.
00:01:28Вы уже зацепили их обложкой.
00:01:30Мы их заинтересовали.
00:01:31Теперь нам нужно дать им реальную ценность,
00:01:34и нет такого большого акцента
00:01:35на том, чтобы это выглядело потрясающе.
00:01:38Нам просто нужно предоставить ценность,
00:01:40и нам нужно иметь возможность делать это
00:01:41так, чтобы это было повторяемо,
00:01:42чтобы мы могли делать это снова и снова
00:01:44системно,
00:01:45за относительно короткое время.
00:01:47Это также недорого,
00:01:49потому что помните,
00:01:50это не бесплатно — создавать такие изображения
00:01:52с помощью чего-то вроде GPT Images 2
00:01:54или Nano Banana Pro.
00:01:55Я не могу делать это для каждого изображения.
00:01:59Ну, в смысле, я мог бы,
00:02:00но это просто займет вечность, верно?
00:02:01Нам нужно сбалансировать скорость и качество,
00:02:04и я обнаружил, делая это
00:02:06снова и снова сам,
00:02:07что это лучший способ
00:02:09подходить к каруселям в ИИ и социальных сетях.
00:02:12И мы говорим о социальных сетях,
00:02:13затопленных этими низкокачественными каруселями.
00:02:15Вы знаете, о чем я,
00:02:16особенно если вы в нише ИИ.
00:02:18Четыре из шести, которые вы видите прямо здесь,
00:02:19были очень явно созданы с помощью Claude Code.
00:02:21Мне даже не нужно указывать на них, правда?
00:02:23У них есть этот HTML-стиль слайд-дека,
00:02:26и они выглядят очень, очень одинаково,
00:02:27и вы будете видеть это всё чаще и чаще.
00:02:29Так что, если вы хотите, чтобы ваши конвертировали,
00:02:31вы должны придумать что-то, что выделяется.
00:02:34И как я уже намекнул,
00:02:36это двухэтапный процесс.
00:02:37Первый — это обложка.
00:02:39Именно здесь мы используем генерацию ИИ-изображений.
00:02:41Сегодня я покажу вам,
00:02:43как сделать это с помощью Higgsfield CLI.
00:02:46Мне нравится Higgsfield CLI,
00:02:47потому что он дает мне доступ
00:02:49к любому инструменту генерации ИИ-изображений,
00:02:52будь то Nano Banana,
00:02:55GPT Images 2,
00:02:55или что-то еще, что выйдет на следующей неделе,
00:02:57и сделать это через терминал.
00:02:59А вторая часть — это слайды контента
00:03:00через Claude Code с использованием HTML-активов.
00:03:04Но сначала, прежде чем мы начнем что-то строить,
00:03:06нам нужно найти вдохновение.
00:03:07Нам нужно провести исследование,
00:03:08посмотреть, что работает, когда дело касается форматов каруселей,
00:03:11особенно вне вашей ниши,
00:03:13чтобы у нас было от чего отталкиваться.
00:03:15Если вы попытаетесь сделать всё это с чистого листа,
00:03:17я обещаю, вы будете мучиться,
00:03:18и это отнимет у вас кучу времени.
00:03:20Зачем начинать с нуля?
00:03:21Просто посмотрите, что работает,
00:03:23и не копируйте их, но черпайте вдохновение.
00:03:25И где это найти?
00:03:27Что ж, вы найдете его в социальных сетях.
00:03:29Самое простое, что можно сделать,
00:03:30— это просто зайти в Instagram,
00:03:31зайти в TikTok,
00:03:32ввести в поиске «карусель»,
00:03:33это всё, что я ввожу здесь,
00:03:34и начать прокручивать,
00:03:35высматривая то, что сразу бросается в глаза.
00:03:39Что вам нравится визуально?
00:03:41Что, по-вашему, выглядит круто?
00:03:43Этим мы и займемся.
00:03:44И если я увижу что-то, что мне нравится,
00:03:45я сделаю две вещи.
00:03:48Первое: я просто кликну по этому,
00:03:50и сделаю скриншот обложки,
00:03:54а затем сделаю то же самое с основным контентом.
00:03:57Я посмотрю на слайды с контентом,
00:03:59посмотрю, нравится ли мне это,
00:04:00и тоже сделаю скриншот.
00:04:02И если вы делаете это впервые,
00:04:04честно говоря, вам стоит уделить этому
00:04:05хотя бы минут 20-30.
00:04:07Вам нужно начать собирать библиотеку
00:04:10визуального вдохновения.
00:04:13У меня самого есть целая папка,
00:04:15посвященная идеям для каруселей,
00:04:16и там не только ИИ-контент.
00:04:18Честно говоря, вам стоит смотреть на вещи
00:04:19вне вашей ниши,
00:04:21которые можно внедрить в свою нишу.
00:04:22Потому что если я буду делать то же самое,
00:04:24что и все остальные в сфере ИИ,
00:04:26или если вы будете делать всё
00:04:26то же, что и остальные в вашей сфере,
00:04:28это не будет выделяться.
00:04:30Поэтому всегда полезно смотреть,
00:04:31что делают другие люди
00:04:32в совершенно других областях.
00:04:34Итак, нулевой шаг — вдохновение.
00:04:36Я хочу, чтобы вы начали создавать эту библиотеку.
00:04:38А для сегодняшнего видео,
00:04:39я хочу, чтобы вы сосредоточились на одном конкретном примере,
00:04:41который вы хотели бы использовать
00:04:43или взять за шаблон
00:04:44для карусели, которую мы создадим сегодня.
00:04:46Следующий шаг, шаг первый:
00:04:47установить интерфейс командной строки Higgs Field.
00:04:48Опять же, это дает вам доступ
00:04:49ко всем различным генераторам изображений
00:04:51и видео, которые существуют.
00:04:53Поэтому просто перейдите на Higgs Field.ai,
00:04:56откройте вкладку MCP и CLI,
00:04:58нажмите здесь на CLI.
00:04:59Там есть еще и MCP,
00:05:00но я предпочитаю CLI.
00:05:02А затем просто установите его,
00:05:03используя эту команду.
00:05:04После этого нужно будет запустить
00:05:05Higgs Field Auth Login,
00:05:07чтобы авторизоваться в своей учетной записи.
00:05:09И тогда вы также сможете добавить эти навыки.
00:05:12А теперь поговорим о создании таких каруселей.
00:05:15Прежде всего,
00:05:15нужно создать папку для своих каруселей.
00:05:18Я назвал свою “Chase AI Carousels”.
00:05:19Неважно, как вы назовете свою.
00:05:21Причина в том, что в долгосрочной перспективе
00:05:24вы захотите начать создавать библиотеку
00:05:25собственных каруселей, которые хорошо себя показали.
00:05:28Мы только что проделали все это, верно?
00:05:29Когда мы просматривали
00:05:30все эти примеры для вдохновения.
00:05:32Ну, представьте, что после создания
00:05:3430, 40, 50, 60 каруселей
00:05:36у вас будет около 10 или 15 шаблонов,
00:05:39которые всегда работают.
00:05:41Что ж, возможность создавать карусели
00:05:43в будущем станет бесконечно проще,
00:05:44потому что тогда вы сможете просто сказать Cloud Code:
00:05:46Эй, сделай карусель версии 10.
00:05:49Теперь мы сделаем ее на эту тему.
00:05:51Бла-бла-бла, и так далее.
00:05:51Так что сегодня вы начнете
00:05:53закладывать этот фундамент.
00:05:54Но сегодня, поскольку у нас ничего нет,
00:05:56нам нужно начать с какого-то вдохновения.
00:05:57Поэтому мы сделаем
00:05:59скриншот титульной страницы,
00:06:00которая нам нравится,
00:06:03и которую мы хотим повторить.
00:06:04Итак, я нашел этот титульный слайд для вдохновения.
00:06:06Так что это то, что я буду использовать.
00:06:08А тема, о которой я буду рассказывать
00:06:10в своей карусели — это пять лучших
00:06:12плагинов Cloud Code за июнь.
00:06:15И, загрузив скриншот этого изображения
00:06:16в Cloud Code,
00:06:18я собираюсь составить промпт
00:06:19примерно такого содержания:
00:06:21Эй, вот изображение, которое я
00:06:22Я хочу использовать как источник вдохновения.
00:06:24Используй CLI Higgs field.
00:06:26Используй эту конкретную модель изображения.
00:06:28Мы также используем GPT images.
00:06:29А затем я перейду к тому,
00:06:30как именно я хочу,
00:06:32чтобы оно отличалось от исходного изображения.
00:06:34Я хочу, чтобы вы использовали этот CLI Higgs field,
00:06:36чтобы создать обложку
00:06:38для моей новой карусели,
00:06:40которая будет посвящена
00:06:41пяти лучшим плагинам Cloud Code за июнь.
00:06:45Этот заголовок я хочу видеть на странице.
00:06:46Топ-5 плагинов Cloud Code за июнь.
00:06:48Я хочу использовать тот скриншот,
00:06:51который только что дал вам, в качестве референса.
00:06:53То есть я хочу,
00:06:54чтобы оно было практически точь-в-точь как то изображение,
00:06:57но замените ту женщину,
00:07:02которая как бы статуя в центре,
00:07:03на мужчину.
00:07:05Так что мы немного изменим,
00:07:06но сохраним всё остальное
00:07:08в плане эстетики.
00:07:09Ещё я хочу изменить то,
00:07:10что я не хочу, чтобы там были
00:07:12иконки Photoshop.
00:07:14Просто замените их на иконки GitHub
00:07:17или, скажем, иконку Anthropic.
00:07:20Я хочу, чтобы вы использовали GPT images.
00:07:22Я хочу, чтобы вы использовали соотношение сторон,
00:07:24максимально близкое к 4 к 5.
00:07:27Хочу высокое качество.
00:07:28Хочу 2K.
00:07:29И я хочу, чтобы вы создали четыре изображения.
00:07:32И как только они будут готовы,
00:07:33покажите их мне.
00:07:35Теперь он приступит
00:07:36и начнёт создавать это для меня.
00:07:37Я сказал ему использовать референсное изображение.
00:07:39Я сказал, как хочу изменить его.
00:07:41Потому что помните, если мы посмотрим,
00:07:42я, по сути, говорю заменить статую
00:07:45на мужскую,
00:07:46убрать иконки Photoshop,
00:07:48заменив их на иконки GitHub,
00:07:49а затем изменить сам текст.
00:07:51Помимо этого, я сказал, какую модель изображения
00:07:52использовать, GPT images,
00:07:54а также дал некоторые инструкции
00:07:56касательно качества.
00:07:59Теперь, если вы не знаете,
00:08:00какие вводные данные нужны
00:08:01для конкретной модели изображения,
00:08:02допустим, вы используете Nano Banana Pro
00:08:04вместо GPT images,
00:08:05Cloud Code знает.
00:08:07У него есть навыки.
00:08:07У него есть CLI.
00:08:08Так что он может подсказать вам, что, по его мнению, лучше.
00:08:11Самое важное — правильно составить этот промпт
00:08:14в плане того, что вы хотите изменить.
00:08:16Ещё нужно помнить,
00:08:19особенно поначалу,
00:08:20когда вы только начинаете,
00:08:21вам, вероятно, придётся делать это несколько раз.
00:08:23Он выдаст нам изображение.
00:08:24Нам, вероятно, придётся его редактировать.
00:08:25Так что это итеративный творческий процесс.
00:08:28Очень редко получается сделать это за один раз.
00:08:30И вот почему мы делаем это только для титульного слайда.
00:08:33Представьте, что вы проходите через этот процесс
00:08:34для каждого слайда,
00:08:36для каждого изображения в вашей карусели,
00:08:38а их может быть штук 10.
00:08:39Это занимает слишком много времени.
00:08:41Поэтому мы делаем это только для заголовка,
00:08:42а всё остальное мы делаем гораздо быстрее с помощью HTML.
00:08:46Итак, вот изображения, которые он выдал.
00:08:48Во-первых, здесь не хватает самого текста.
00:08:52Но я бы сказал, что в целом неплохо,
00:08:56в плане общего настроения, которого мы добивались.
00:08:58Мне нравится, как получилась статуя.
00:09:00Мне нравится, как получились иконки.
00:09:01Можно немного попридираться к иконке Anthropic.
00:09:05Может, крем выглядит немного иначе.
00:09:07Но это примерно то, к чему мы стремились.
00:09:09Если мы просто представим, что текст наложен,
00:09:11я был бы доволен этим.
00:09:13У нас даже есть тени и всё такое.
00:09:14И если мы сравним его с оригиналом,
00:09:16я на минутку отойду с экрана,
00:09:18довольно близко, правда?
00:09:20Видно, откуда пришло вдохновение.
00:09:23В оригинале происходит немного больше всего,
00:09:24правда?
00:09:26У них есть ещё одна иконка в левом верхнем углу,
00:09:27но мне нравится.
00:09:28Думаю, если мы просто добавим сюда текст,
00:09:30я был бы полностью доволен.
00:09:31Честно говоря, не совсем уверен,
00:09:32почему текст исчез,
00:09:34но это довольно лёгкий шаг в дальнейшем, верно?
00:09:36И у вас на самом деле есть два варианта.
00:09:38Первый — мы берем этот вариант обложки,
00:09:40потому что он мне нравится больше всего из четырех.
00:09:43Мы просто отправляем его обратно в Cloud Code
00:09:45и говорим: эй, просто оставь всё как есть.
00:09:47Всё, что мне нужно — это добавить текст сверху.
00:09:51Другой вариант — вы можете взять это
00:09:52в Canva,
00:09:53если хотите быть более вовлеченными.
00:09:55Выбор за вами.
00:09:57Но для сегодняшнего видео,
00:09:57мы дадим ему это изображение и скажем:
00:09:59эй, добавь текст про пять лучших навыков
00:10:02или пять лучших плагинов для Cloud Code в июне
00:10:05и выдели какую-нибудь его часть,
00:10:07чтобы он имел тот самый,
00:10:08как бы радужный эффект, который мы видим вокруг глаз.
00:10:11Итак, мне нравится изображение, которое у нас получилось,
00:10:13но я хотел добавить текст,
00:10:15и я хотел имитировать текст
00:10:16с оригинального изображения, которое мы использовали в качестве референса.
00:10:20Так что помните, для заголовка,
00:10:21я хочу, чтобы было написано:
00:10:23Пять лучших плагинов для Cloud Code за июнь.
00:10:27И какая-то часть этого
00:10:29должна иметь нечто вроде радужного градиента,
00:10:33точно так же, как то,
00:10:35что идет вокруг глаз нашей статуи, так сказать.
00:10:38Так что сделайте это
00:10:40и создайте четыре версии этого.
00:10:41И это примерно то, как должна выглядеть эта работа
00:10:44туда-сюда.
00:10:45Не нужно ничего усложнять.
00:10:46Просто скажите, что вы хотите.
00:10:47Попросите несколько изображений.
00:10:48Он может делать по четыре за раз.
00:10:50На самом деле, я верю, что он может делать до 16,
00:10:52но я обнаружил, что четыре — это золотая середина.
00:10:55Посмотрим, что он выдаст.
00:10:56Вот что мы получили, когда попросили добавить текст.
00:10:58Как я и сказал, у нас есть четыре варианта.
00:11:02Думаю, этот мне нравится больше всех.
00:11:05Если бы у меня было больше времени, я бы, наверное, отредактировал его ещё немного,
00:11:09может быть, добавил бы какую-нибудь тень к самому тексту,
00:11:12чтобы он немного больше выделялся.
00:11:14Но можно бесконечно пытаться добиться того, что вам нравится.
00:11:18Но я думаю, этого достаточно.
00:11:20Если бы я увидел это, листая Instagram, TikTok или что-то ещё,
00:11:23и увидел бы это как обложку, я бы остановился.
00:11:25Так что, когда обложка готова, мы можем перейти к слайдам основной части.
00:11:29И помните, когда мы говорим о слайдах основной части,
00:11:31это всё, что идёт после титульного слайда.
00:11:35И некоторые вещи, о которых стоит помнить,
00:11:37это то, что у нас мало места для маневра.
00:11:40То есть один такой слайд, верно?
00:11:42У нас есть одно изображение, заголовок,
00:11:45и затем у нас есть одна или две строки текста.
00:11:48Вы хотите относиться к этому почти как к обычному слайд-шоу в PowerPoint.
00:11:51Не стоит перегружать его текстом.
00:11:53Изображения — это хорошо.
00:11:54Все мы любим изображения.
00:11:55Придумайте какой-нибудь заголовок, а затем получите...
00:11:58пара предложений.
00:12:00Так что экономия действий здесь очень важна.
00:12:03Но о чем вам нужно подумать, так это о том, какими будут изображения?
00:12:07Каким будет общий фон?
00:12:08И каким будет текст?
00:12:10Теперь, замечательная вещь здесь в том, что это почти полностью делается с помощью HTML.
00:12:14Так что Cloud Code генерирует всё это самостоятельно.
00:12:17За одним исключением — это скриншоты.
00:12:20Я дал Cloud Code эти скриншоты, которые вы видите для многих из них.
00:12:24Ну, для некоторых из них.
00:12:25Это был скриншот, который я дал, и сказал вставить его туда.
00:12:28Это был скриншот, который я дал.
00:12:30Но он также может создавать свои собственные.
00:12:31Так что эта вещь, показывающая терминал, была создана Cloud Code.
00:12:35Я ничего не делал.
00:12:36Так что в этой части нам нужно понять, как мы хотим, чтобы выглядели эти слайды.
00:12:42И затем, точно так же, как с титульным слайдом, у нас будет итеративный процесс.
00:12:46Но мы можем действовать намного активнее.
00:12:48Потому что я покажу вам, что мы заставим Cloud Code создать эти HTML-слайды для нас.
00:12:52Но мы откроем их в нашем браузере.
00:12:54И мы действительно можем вносить правки.
00:12:55Мы можем зайти туда, изменить текст, переместить всё, попросить внести изменения.
00:13:00Так что мы получаем ещё больше контроля, чем с титульным слайдом.
00:13:03Но так же, как с титульным слайдом, здесь мы тоже можем использовать вдохновение.
00:13:07Допустим, я хочу скопировать то, что уже сделал.
00:13:11Или вы хотите скопировать один из моих.
00:13:12Что мы будем делать?
00:13:13Мы сделаем скриншот.
00:13:15Мы вставим его сюда.
00:13:16И теперь я дам промпт, что-то вроде: эй, теперь давайте поработаем над заголовком.
00:13:20Теперь посмотрим на слайды основной части.
00:13:21Титульные слайды готовы.
00:13:23Вот примерно то, на что я смотрю.
00:13:24Я хочу сделать немного чистого HTML.
00:13:26Можем ли мы открыть его в браузере?
00:13:27Сейчас я просто делаю эти промпты «на лету».
00:13:30Все эти промпты, которые я сейчас даю Claude Code, могут стать навыками, потому что мы можем полностью их кодифицировать.
00:13:36Теперь у меня есть свои личные навыки для всего этого, а также примеры моих собственных каруселей.
00:13:42Вы можете получить всё это в моем сообществе.
00:13:44Я оставлю ссылку на него в закрепленном комментарии.
00:13:47Но если вы делаете это сами, вот как это должно звучать.
00:13:50Теперь давайте перейдем к созданию основного слайда.
00:13:53Итак, титульный слайд готов.
00:13:54Мне нравится, что у нас получилось.
00:13:55А теперь основной слайд будет в формате HTML.
00:13:57Это изображение, которое вы видели, я хочу использовать как источник вдохновения.
00:14:00Я хочу использовать его как шаблон для создания наших основных слайдов.
00:14:04Мне нравится стиль текста.
00:14:05Мне нравится фон.
00:14:06Мне нравится всё это.
00:14:07Так что я хочу создать основные слайды.
00:14:10Я хочу, чтобы это был HTML.
00:14:11Я хочу, чтобы вы могли открывать этот HTML в браузере.
00:14:14И я хочу иметь возможность вносить правки.
00:14:15Я хочу перемещать элементы, менять размер шрифта, менять сам текст,
00:14:19и делать это через браузер.
00:14:21Мне придется скопировать JSON.
00:14:23Если я внесу такие правки — пусть будет так.
00:14:24Но я хочу, чтобы это было максимально просто.
00:14:27И для пяти основных слайдов я хочу, чтобы они относились к пяти плагинам июня.
00:14:33Например, пять плагинов, которые мы можем взять.
00:14:35Давайте сделаем один из них.
00:14:36Давайте возьмем Caveman.
00:14:38Следующим возьмем плагин Codex.
00:14:41Третьим сделаем Impeccable.
00:14:43А четвертый и пятый плагины пусть придумает сам.
00:14:47И выведите результат, когда он закончит.
00:14:49Итак, он создал слайды, перечислил пять плагинов, которые подготовил,
00:14:53а также создал этот механизм для внесения правок.
00:14:55Теперь мы открываем это в браузере.
00:14:58Вы можете это видеть.
00:14:59Помните, что мы ему дали?
00:15:01Мы дали ему скриншот карусели, которую я здесь создал.
00:15:05Так что получилось довольно похоже; видите, он попытался имитировать логотип Anthropic на фоне.
00:15:10Я мог бы легко дать Claude Code настоящее изображение логотипа Anthropic,
00:15:14чтобы он взял его за основу.
00:15:16Но у нас есть своего рода «пилюля» вверху: плагин номер один, режим Caveman.
00:15:21И при этом я не говорил ему, что такое Caveman.
00:15:25Помните, он сам провел исследование, просмотрел GitHub,
00:15:28и создал для нас весь текст.
00:15:30Я не давал ему никаких текстов.
00:15:31И он сделал это практически для всего.
00:15:34А внизу вы видите, этот маленький терминал, который он создал,
00:15:38выглядит довольно просто, потому что он работает со своими собственными HTML-ресурсами.
00:15:41Я не давал ему никаких скриншотов.
00:15:43Но вся сила этого метода — здесь, в правках.
00:15:45Эта идея родилась из Claude Design, у которого тоже есть своего рода режим правок.
00:15:50Я подумал: почему бы нам не внедрить нечто подобное,
00:15:53что довольно легко сделать для нашей карусели.
00:15:56Я могу изменить размер заголовка, размер основного текста, прозрачность фона.
00:16:03И я могу очень легко менять всё на лету, верно?
00:16:10В этом сила использования HTML вместо создания всего через генераторы изображений ИИ.
00:16:15И всё, что здесь есть, я могу настроить, правда?
00:16:17Карточку мы можем настроить, чтобы наклонить всё.
00:16:20Теперь, если я что-то меняю, при создании этой настройки, опять же, у меня есть точный навык для этого в сообществе School.
00:16:29Но если вы делаете это сами, скорее всего, вам придется экспортировать настройки после внесения изменений.
00:16:34Внизу есть кнопка “Экспортировать настройки” в формате JSON.
00:16:38Поэтому, когда мы вносим изменения — а я могу делать это сразу для нескольких слайдов, — я просто экспортирую настройки, возвращаюсь сюда
00:16:44и вставляю их прямо в Claude Code.
00:16:47И тогда он сам всё обновит.
00:16:49Так что менять что-либо очень легко.
00:16:51И что мы будем делать дальше?
00:16:54Просто пройдемся по слайдам.
00:16:55Посмотрим, соответствует ли это нашему видению.
00:16:57Не слишком ли много текста, или, наоборот, мало?
00:17:00Правильные ли темы мы затрагиваем?
00:17:01И я думаю, что действительно полезно добавить сюда — это скриншоты.
00:17:07Например, что у нас здесь есть?
00:17:10Режим пещерного человека.
00:17:11Я могу перейти на GitHub “пещерного человека”.
00:17:13Все может быть предельно просто: я делаю скриншот этого изображения, перехожу в Claude Code,
00:17:19вставляю его и говорю: “Эй, можем ли мы добавить это изображение на слайд с пещерным человеком?”
00:17:26Это будет изображение пещерного человека вместо того, что вы создали.
00:17:30А потом мы будем просто повторять этот процесс снова и снова.
00:17:33И видите, он добавил изображение пещерного человека здесь.
00:17:36Оно довольно большое.
00:17:37Поэтому я могу просто перемещать его, пока не получу то, что мне нравится.
00:17:43Более того, вы также можете сказать Claude Code искать подходящие изображения в интернете для всего этого.
00:17:49Это не только HTML или скриншоты — здесь можно проявить креативность.
00:17:53На этом этапе мы просто повторяем процесс, пока не добьемся нужного результата.
00:17:58Опять же, в плане креативности, многое будет зависеть от вдохновения, которое вы нашли.
00:18:02Моим источником был этот вариант.
00:18:03Но, как я говорил ранее, когда мы искали карусели в Instagram, мы делали это для обложки.
00:18:09Вы также можете посмотреть все их внутренние слайды.
00:18:11Это, по сути, всё, что касается реализации.
00:18:14Теперь, чтобы это выглядело хорошо, креативность зависит от того, о чем вы рассказываете.
00:18:18Но в этом и заключается роль Claude Code.
00:18:20Это сторона разработки.
00:18:21И это очень просто.
00:18:23И опять же, как я говорил ранее, вы будете делать это для всех своих каруселей.
00:18:27И у них всех будут разные шаблоны.
00:18:28Поэтому, когда придет время создавать, скажем, 20-ю карусель, после того как вы делали это много раз,
00:18:35вам даже не придется проходить через все эти трудности, с которыми мы столкнулись,
00:18:38вроде поиска вдохновения и внесения правок.
00:18:39Все это уже своего рода готово.
00:18:41Вам нужно лишь изменить текст.
00:18:43Именно благодаря этому трехэтапному процессу: поиску вдохновения, созданию обложки с помощью внешних ИИ-моделей,
00:18:49и, в-третьих, созданию слайдов с помощью HTML, мы получаем устойчивый и повторяемый процесс,
00:18:57который дает нам лучшее из обоих миров.
00:18:58Мы получаем всю креативность и крутые изображения от ИИ-моделей,
00:19:03но при этом HTML служит своего рода каркасом, и это достаточно легко реализовать, чтобы масштабировать процесс снова и снова,
00:19:08не просиживая за компьютером часами каждый день.
00:19:11Учитывая всё это, на этом я с вами сегодня прощаюсь.
00:19:14Надеюсь, это пролило свет на то, как создавать карусели, которые, на мой взгляд, немного лучше тех, что вы видите вокруг.
00:19:20Не попадайтесь в ловушку мысли, что вам нужен только один этот навык внутри Claude Code.
00:19:25Мы можем сделать гораздо больше.
00:19:26И опять же, это не так уж много дополнительной работы.
00:19:29Вам просто нужно создать фундамент.
00:19:31Так что, как всегда, дайте знать, что вы думаете.
00:19:34Не забудьте заглянуть в Chase AI Plus, если хотите получить доступ к моему мастер-классу по Claude Code,
00:19:38а также ко всем моим навыкам и примерам каруселей.
00:19:41Все это — в закрепленном комментарии.
00:19:43На этом всё, увидимся!

Key Takeaway

Создание эффективных каруселей требует перехода от чистого HTML к гибридному методу: генерации эффектных обложек через Higgsfield CLI с последующим наполнением контентных слайдов через редактируемые HTML-шаблоны.

Highlights

  • Гибридный подход сочетает генерацию ИИ-изображений для обложек и HTML-шаблоны для контентных слайдов.

  • Использование Higgsfield CLI открывает доступ к различным моделям генерации изображений через терминал.

  • Для титульного слайда оптимально создавать до 4 вариантов изображения за раз для выбора лучшего.

  • HTML-структура позволяет динамически редактировать текст, размеры элементов и прозрачность фона через браузер.

  • Вдохновение для каруселей следует собирать в течение 20-30 минут, просматривая контент вне своей ниши.

Timeline

Ограничения стандартного подхода Claude Code

  • Карусели, созданные исключительно на чистом HTML через Claude Code, выглядят однообразно и теряют вовлеченность.
  • Высокая конверсия в социальных сетях требует визуально эффектной обложки для привлечения внимания.

Социальные сети перенасыщены низкокачественным контентом, созданным только через Claude Code. Для решения этой проблемы применяется гибридный метод, объединяющий возможности Claude Code с профессиональными моделями генерации изображений, такими как GPT Images 2 или Nano Banana Pro.

Сбор визуального вдохновения

  • Анализ успешных каруселей вне собственной ниши помогает избежать копирования конкурентов.
  • Создание библиотеки из скриншотов титульных слайдов и контентных блоков ускоряет процесс генерации новых идей.

Поиск идей с чистого листа неэффективен. Необходимо выделить 20-30 минут на создание архива визуальных примеров, которые кажутся привлекательными, чтобы использовать их как базу для будущих шаблонов.

Генерация обложки через Higgsfield CLI

  • Higgsfield CLI предоставляет единый интерфейс для работы с различными ИИ-моделями генерации изображений.
  • Итеративный процесс редактирования промптов позволяет точно настроить эстетику и элементы обложки.

После установки CLI и авторизации, работа начинается с загрузки референсного изображения. В промптах указываются конкретные замены объектов, например, смена персонажа или замена иконок софта, с заданными параметрами качества 2K и соотношением сторон 4:5.

Создание контентных слайдов на HTML

  • Использование HTML-активов для контентной части обеспечивает высокую скорость создания и масштабируемость.
  • Возможность редактирования HTML-файлов в браузере дает полный контроль над расположением и стилем элементов.
  • Экспорт настроек в формате JSON позволяет легко обновлять и переиспользовать удачные шаблоны каруселей.

Контентные слайды должны оставаться лаконичными. HTML-метод позволяет Claude Code генерировать каркас, который затем можно адаптировать под текущую тему, вставлять скриншоты и быстро вносить правки в верстку без необходимости перегенерировать изображения целиком.

Community Posts

No posts yet. Be the first to write about this video!

Write about this video