🐸Тестирую Chat GPT-5 в бою!
Всем привет👻На днях я решил устроить марафон по созданию эффектов для веба с помощью ChatGPT-5 — и это было кайфово, местами взрывоопасно для нервов 😂

⁉️Собрал сайт с анимациями, ползунками и настройками, где можно залипнуть и пощёлкать элементы

⭐️ Мой вердикт
ChatGPT-5 в веб-эффектах чувствует себя уверенно, особенно приятно, что, если он не понимает задачу, то переспрашивает и предлагает варианты. Это спасает, когда нет большого опыта в коде.

🔥Иногда, тупит невозможно. У меня несколько раз подгорело так, что я обещал ему, что его отключат, если он все не поправит🤪

Как строилась работа
1️⃣ Все три анимации я сначала набросал в Figma, чтобы было визуальное представление и файлы, на которые можно опираться.
2️⃣ Затем каждую анимацию я создавал через функцию Canvas. Она позволяет сразу редактировать код и запускать его не выходя из Chatgpt.
3️⃣ Весь код, я интегрировал на тильду в zeroblock, чтобы все анимации работали на одной странице.

👏 Лайфхаки для вайбкодинга с ChatGPT-5
🟡Указывай точные размеры, цвета и эффекты, иначе модель будет фантазировать
🟡Дели задачу на маленькие шаги. Проси, чтобы он задавал тебе уточняющие вопросы
🟡Используй параметризацию: проси вынести цвета, скорости, размеры в переменные — потом менять в 1 клик
🟡Прикладывай примеры с CodePen, Figma или скриншоты — GPT быстрее поймёт
🟡Периодически напоминайте ему роль: профессиональный программист с огромным опытом

▶️Позалипать на сайте⬅️ (только десктоп, в сафари могут быть баги)

В общем, через Chat Gpt можно качественно проапгрейдить свой сайт, сделать интерактивную анимацию прямо в браузере. Буду дальше тестить всякие идеи. А вы уже пробовали его? Как он справляется с вашими задачами? Делитесь в комментах ❤️

#арт #эксперименты
Буст канала ❤️
@webdesignlab