Что вы получите
- Один офлайн HTML-сайт или настоящие маршруты в React, Next.js, Vue, Svelte или Astro
- Архив выпусков с поиском и фильтрами, страницы выпусков с главами и заметками
- Пристыкованный плеер с главами, очередью, скоростью и листом «сейчас играет» на телефонах
- Валидатор маршрутов, доступности, плеера и оставшихся примеров
- По желанию: очистка фото, серия обложек, вступительная тема и трейлер с PopNow после расчёта цены
Подходит для
- Интервью-подкасты и шоу с соведущими
- Брендовые или корпоративные подкасты, которым нужен аккуратный дом
- Повествовательные сериалы, организованные по сезонам
Не подходит для
- Шоу, где главное — видео
- Закрытые платные ленты подкастов
- Сети, которые перечисляют много разных шоу
Как пользоваться
В Claude или ChatGPT
Используйте навык PopNow «Шаблон сайта подкаста» (podcast-website-template) для этой задачи: Соберите сайт для Long Lunch, еженедельного интервью-шоу с владельцами ресторанов. Выпуски и ссылки на аудио — в нашей RSS-ленте feeds/longlunch.xml.
В агенте для кода
/popnow-podcast-website-template Соберите сайт для Long Lunch, еженедельного интервью-шоу с владельцами ресторанов. Выпуски и ссылки на аудио — в нашей RSS-ленте feeds/longlunch.xml.
Потом попробуйте
Сделайте расчёт на 30-секундную инструментальную вступительную тему и озвученный трейлер по описанию шоу.
Шесть выпусков — сольные. Сделайте для них серию обложек в духе двухтонного стиля.
Что подготовить
- Название шоу, ведущие, расписание и URL RSS-ленты
- Список выпусков с датами, длительностью, описаниями и главами
- Ссылки на аудио от вашего хостинга подкастов и фото, которые вы вправе использовать
- По желанию: ключ API PopNow для обложек, музыки темы и трейлера
Похожие навыки
Смотреть все →- Веб
3D-конструктор аватаров
+25Соберите милого плюшевого 3D-персонажа прямо в браузере и сохраните его как прозрачный PNG или 3D-страницу.
- Веб
Календарная тепловая карта активности
+25Год ежедневной активности в виде календарной сетки с заливкой — с сериями, итогами и управлением с клавиатуры.
- Веб
Лендинг SaaS с ИИ
+25Песочный фон, тонкие направляющие и штриховка вокруг живой канбан-доски, где ассистент планирует задачи.
- Веб
Анимированный первый экран сайта
+25Первый экран лендинга с плавно сменяющимся словом в заголовке, двумя кнопками и широкой рамкой для изображения.
- Веб
Шаблон сайта бренда напитков
+25Солнечный сайт бренда напитков или снеков: магазин, конструктор наборов, карта точек продаж и демо-оформление в одном файле.
- Веб
Сайт агентства с шейдерным героем
+25Живой оранжевый шейдерный герой под крупным заявлением, навигация-таблетка и сетка кейсов.
- Веб
Тёмный лендинг для SaaS
+25Тёмный маркетинговый сайт с насыщенной анимацией для программного продукта — в одном автономном HTML-файле.
- Веб
Сайт портфолио дизайнера
+25Шесть наклонённых карточек вокруг заголовка на сером фоне, красная карточка портрета и кейсы.
- Веб
Сайт-портфолио разработчика
+25Тёмный личный сайт для инженеров с кейсами, статьями, докладами, резюме и формой обратной связи.
- Веб
Редакционный сайт SaaS
+25Тёмно-синий разделённый герой, заголовок с засечками рядом с документальным кадром и кобальтовый акцент.
- Веб
Сайт фрилансера-дизайнера
+25Смелый сайт соло-студии с фиксированными пакетами: страницы тарифов, кейсы и форма брифа.
- Веб
Шаблон сайта в стиле глассморфизма
+25Матовые стеклянные таблетки на почти чёрном фоне, крупный заголовок с засечками и подписка.
- Веб
Сайт аппаратного продукта
+25Огромные тонкие названия моделей на студийных кадрах, матовые карточки характеристик и линейка в масштабе.
- Веб
Интерактивная схема архитектуры
+25Офлайн-схема системы, по которой можно кликать: построена из проверенной JSON-модели, с обоснованием для каждого блока.
- Веб
Интерактивный герой с сеткой
+25Тёмная сетка тонких нитей, которая гнётся к курсору, и светящееся кольцо от каждого клика.
- Веб
Граф знаний из заметок
+25Превратите заметки проекта в офлайн-граф с поиском, где каждое утверждение ведёт к строке источника.
- Веб
Шаблон KPI-дашборда
+25Четыре KPI-плитки с чипами изменений, линейный график, таблица разбивки и целевые полосы на тёплой бумаге.
- Веб
Лендинг из ИИ-макетов
+25Сначала три полноэкранных макета на выбор, затем ваш агент собирает выбранный как чистый адаптивный код.
- Веб
Шаблон сайта журнала
+25Сайт журнала с качеством печатного издания: статьи, рубрики, небольшой магазин и подписка — в одном HTML-файле.
- Веб
Герой с анимацией частиц
+25Текст на тёплой бумаге рядом со сферой из чернильных и бирюзовых точек, меняющей форму под каждую идею.
- Веб
Сайт личного бренда
+25Портрет, растворённый в тёплой бумаге под тонкой скобкой, с лёгким и жирным заявлением по бокам.
- Веб
Шаблон сайта зоомагазина
+25Работающий магазин зоотоваров с каталогом, вариантами, корзиной, планировщиком пополнения и демо-оформлением в одном HTML-файле.
ВебРаздел цен в стиле рисованной заметки
+25Таблица тарифов в стиле блокнота: слегка наклонённые карточки с чернильным контуром, переключатель года и тёмная тема в одном офлайн-файле.
- Веб
Кинематографичная страница запуска продукта
+25Почти чёрная страница в свете премьеры: заголовок с засечками, ночная сцена в letterbox и форма брони.
- Веб
Сайт исследовательской статьи
+25Страница проекта для вашей статьи с интерактивным рисунком 1, результатами, ограничениями и цитированием в один клик.
- Веб
Шаблон админ-панели
+25Рабочая консоль бэк-офиса с графиками, таблицами, канбаном и календарём — в одном офлайн-HTML-файле.
- Веб
Шаблон лендинга для SaaS
+25Спокойный светлый маркетинговый сайт для программного продукта с рабочей консолью продукта, ценами и регистрацией.
- Веб
Сайт-портфолио в стиле скрапбукинга
+25Многостраничное онлайн-резюме из бумажных предметов, с кейсами и версией резюме для печати.
- Веб
Шаблон сайта магазина кроссовок
+25Полноценный магазин обуви или одежды с каталогом, карточками товаров, корзиной и демо-оформлением заказа в одном HTML-файле.
- Веб
Шаблон сайта спортивного клуба
+25Сайт клуба, зала или студии с расписанием, страницами тренеров, абонементами, планом кортов и бронированием в одном файле.
- Веб
Раздел стены отзывов
+25Мозаичная или медленно дрейфующая стена отзывов клиентов, в которую попадают только цитаты, на которые люди дали согласие.
- Веб
Шаблон сайта турагентства
+25Сайт с фото для туров, гидов или лоджей: поиск поездок, заявки на бронирование и квиз для подбора поездки.
- Веб
Лендинг автоматизации процессов
+25Графитовая страница, небольшой заголовок слева и живой граф узлов: запускается, повторяет попытку, пишет логи.
Вопросы
Играет ли плеер наши настоящие выпуски?
Да. Дайте каждому выпуску URL аудио от вашего хостинга, и плеер использует настоящий аудиоэлемент с перемоткой, главами, скоростью и возобновлением. Без URL он работает от тихих демо-часов, чтобы можно было проверить вёрстку.
Наши фото гостей все разные. Будут ли обложки выглядеть единообразно?
CSS-двухтон превращает любое квадратное фото в одну и ту же тёмно-синюю и бледно-голубую обложку. Для сильно не сочетающихся фото PopNow может вырезать занятые фоны, апскейлить мелкие изображения и выровнять свет, не меняя человека.
Может ли PopNow сделать нашу вступительную музыку?
Да, по желанию: инструментальная тема 20–40 секунд и трейлер, произнесённый синтетическим голосом, каждый со своим расчётом до запуска. Навык включает команду ffmpeg для их сведения.
Подходит ли это для сольного или повествовательного шоу?
Да. Гости становятся темами или сегментами, сезоны могут стать главным фильтром, а выпуски без фото гостя получают встроенное оформление шоу или сгенерированную серию обложек.
Чем это отличается от бесплатной страницы, которую даёт мой хостинг подкастов?
Страницы хостинга — это просто список выпусков. Этот дизайн сайта подкаста добавляет проигрываемый хедер, страницы гостей, заметки к выпускам с таймкодами и плеер, который продолжает играть, пока люди просматривают сайт, а ещё служит лендингом подкаста для запуска.