Трендовая сторис с плеером Spotify без приложений-шаблонов

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

В этой статье покажу другой путь. Ты разберёшь эдит на детали и соберёшь свой шаблон. Помогать будет Claude Code, программировать уметь не нужно. Результат останется у тебя и будет работать сколько угодно раз.

Шаблон из приложения делает тебя одним из тысячи

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

Зритель пролистывает такое на автомате, потому что вчера видел это у трёх знакомых. Тренд цепляет форматом, а запоминают автора по деталям, которые шаблон менять не даёт.

Второй минус — зависимость. Приложение убрали из магазина, шаблон стал платным, тренд ушёл из раздела популярных, и твой рабочий процесс ломается. Когда шаблон лежит у тебя в папке, от чужих решений ты не зависишь.

Разбери эдит на детали, прежде чем что-то ставить

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

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

Сырьё ты снимаешь сам: фото, скриншоты виджетов, запись экрана с текстом. Всё остальное — обрезка, вырезание фона, раскладка по местам, сборка в одну картинку или видео — это код. Такой код Claude Code пишет по обычному описанию на русском.

Собери свой шаблон за один вечер с Claude Code

Создай папку, например story-player, и положи туда исходники: photo.jpg, widget1.png, widget2.png, mini.png и lyrics.mp4. Открой Claude Code в этой папке и дай задачу по шагам. Первый шаг — вырезать фон:

«Вырежи человека из photo.jpg с помощью библиотеки rembg и сохрани результат как me.png с прозрачным фоном. Установи всё, что нужно».

Второй шаг — раскладка. Здесь ты описываешь словами то, что обычно перетаскиваешь пальцем в приложении:

«Сделай HTML-страницу размером 1080 на 1920. Фон — photo.jpg, размытый и чуть затемнённый. По центру — me.png. Справа сверху — widget1.png, внизу по центру — widget2.png, слева по центру — mini.png, уменьшенный. У виджетов скруглённые углы и мягкая тень. Потом напиши скрипт, который сохраняет страницу в story.png через Playwright».

Третий шаг — видео с текстом песни:

«С помощью ffmpeg наложи lyrics.mp4 в левую часть story.png, уменьшив видео до ширины 400 пикселей, и сохрани результат как story.mp4».

Открой получившийся файл и посмотри на него глазами, а не только проверь, что команда отработала без ошибок. Виджет залез на лицо или текст песни мелкий — так и напиши: «сдвинь widget1 выше на 150 пикселей», «увеличь видео до 500». Правки занимают секунды, потому что Claude Code меняет одно число в уже готовом коде.

Главное, что у тебя появилось, — не картинка, а шаблон. В следующий раз ты кладёшь в папку новое фото и новые скриншоты, запускаешь тот же скрипт и получаешь новую сторис. Можешь попросить: «сделай так, чтобы скрипт брал все фото из папки input и собирал сторис для каждого».

Какая нейросеть лучше всего пишет код для таких задач

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

Смотри не на то, кто умнее в чате, а на то, как нейросеть работает с твоими файлами:

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

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

Один шаблон превращается в рубрику

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

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

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

Если хочешь, чтобы Claude Code помогал не только со сборкой, но и с крючками, сценариями и планом публикаций, для этого у нас есть готовые AI-скиллы — посмотри, когда будешь готов.

Бесплатно · Открывается сразу

ИИ для создания контента, который приводит клиентов для твоего бизнеса

Первая фраза, которая держит зрителя, — пять типов крючков с готовыми промптами. Вставляешь свою нишу и тему в любой чат с ИИ — получаешь три варианта за 30 секунд. Бесплатно, без регистрации.

✦ Работает в любой нише ✦ Готовый промпт — работает в любом чате с ИИ ✦ 5 минут — и крючок готов ✦ Открывается сразу
Top