Как сделать сайт со скролл-анимацией из фото с помощью ИИ-агента
Один раз подключите Apiway к ChatGPT или Claude, пришлите фото дома, мебели или товара — агент соберёт анимацию по прокрутке: камера движется по фото, пока посетитель листает страницу. Последние кадры и видео он делает после того, как вы согласились с ценой, публикует страницу и запускает сайт с анимацией на первом экране.
- Время
- Сложность
- Начальная
- Стоимость
- 560 кредитов (~$5.60)
- Шаги
- 7
Проверено:
Что понадобится
- ChatGPT или Claude
- Аккаунт Apiway
- 2–60 фото того, что вы продаёте
Шаги
1. Подключите Apiway к агенту
В ChatGPT или Codex добавьте плагин Apiway. В Claude откройте Customize, затем Connectors, нажмите «+ Add» и вставьте https://apiway.ai/mcp. Войдите в Apiway и нажмите Allow. Затем откройте новый чат.
Открыть в Apiway2. Пришлите фото
Напишите: Product Scroll, ссылки на фото и что продаёт сайт. На компьютере агент может загрузить и файлы. Проект бесплатный; агент присылает ссылку на редактор.
3. Проверьте историю
Откройте редактор. Фото уже сложены в историю: начало, середина и финал. Каждое видео — первый кадр, движение камеры и последний кадр.
Открыть в Apiway4. Согласуйте последние кадры
Попросите последние кадры. Агент сначала называет цену. Скажите «да» — он их сделает. Проверьте их в редакторе.
5. Согласуйте видео
Попросите видео. Агент называет цену и делает их; каждое — 2–5 минут. Видео, которое придумало то, чего нет на кадрах, не принимается, кредиты возвращаются. Или попросите автопилот сделать всё сразу.
6. Опубликуйте страницу и сделайте сайт
Скажите «опубликуй»: агент пришлёт ссылку на страницу и код из двух строк для любого сайта. Скажите «сделай сайт»: он запустит сайт в App Factory с анимацией на первом экране.
7. Поделитесь гайдом по своей ссылке
На странице гайда нажмите «Забрать себе». Вы получите свою ссылку; кто зарегистрируется по ней, закрепляется за вами в партнёрской программе Apiway.
Частые ошибки
Просить видео до последних кадров
Видео нужны оба кадра. Сначала сделайте и проверьте последние кадры.
Фото разных вещей в одном проекте
Один проект — одна история об одном: доме, комнате, товаре.
Ждать, что страница сразу будет в сети
Страница публикуется, только когда вы скажете «опубликуй».
Решение проблем
Сколько это стоит?
Проект и раскадровка бесплатны. Последние кадры и видео оплачиваются кредитами Apiway; агент называет каждую цену до начала.
Как сделана плавная прокрутка?
Это собственная технология Apiway. В коде встраивания можно менять места, их порядок, переходы, скорость и вступление.
Агент говорит, что у него нет инструментов Apiway
Подключите Apiway заново и откройте новый чат: открытый чат не видит инструменты, добавленные после его начала.