Основатель-одиночка создает демонстрационное видео с помощью Claude Code и Remotion.

Практический подход к созданию демо

Соло-основатель откладывал запуск своего продукта, SiteCheck, на месяцы, потому что не мог позволить себе демонстрационные видео. Фрилансеры запрашивали $500 за базовую работу и требовали дизайн-активы, такие как файлы Figma и бренд-гайды, которых не существовало. Разработчик, не обладая навыками дизайна, находил традиционный процесс проектирования чуждым и откладывал запуск.

Техническая реализация

Используя Claude Code с Remotion (видео как React-компоненты), разработчик структурировал видео в переиспользуемые компоненты. Claude помог с:

• Разбивкой видео на переиспользуемые компоненты
• Быстрой настройкой анимаций и тайминга
• Итерациями над макетами без необходимости в дизайн-инструментах

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

Контекст продукта

SiteCheck — это инструмент, который проводит аудит UX сайта примерно за 30 секунд и генерирует отчёт с предлагаемыми исправлениями, ранжированными по степени влияния. Продукт уже был функционален и получал положительные отзывы от ранних пользователей, но ему не хватало визуальных демонстрационных материалов.

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