Три чит-кода для vibe-coding
Держи три приёма, которые сэкономят тебе кучу бесячих итераций, сохранят лимиты и немного нервной системы.
Проще показать, чем объяснить
Сделай для робота внешнюю память
Ручные настройки всего и вся
Делись своими наблюдениями в комментариях и ставь 😎
😂 Твой Crunch
Держи три приёма, которые сэкономят тебе кучу бесячих итераций, сохранят лимиты и немного нервной системы.
Проще показать, чем объяснить
Бывает трудно описать анимацию, которая засела у тебя в голове. Ты помнишь, что где-то уже видел нечто подобное, но, когда пытаешься объяснить это LLM, получаешь совсем не то.
Для таких случаев можно использовать готовые конкурсные сайты, например awwwards.com. Туда обычно наваливают тонну анимационных приёмов, которые можно переиспользовать в своём проекте: появление текстовых блоков, ховер-эффекты, шум и многое другое.
Скидываешь ссылку на сайт, где есть понравившаяся анимация. Например, текст при скролле построчно и плавно прилетает в центр экрана. Выделяешь нужный элемент или делаешь скриншот этой части сайта.
Дальше у тебя два варианта:
Первый: спрашиваешь, как сделать такую анимацию, и просишь отдельно описать механику словами и показать код. Так ты не только стыришь приём, но и запомнишь, как воссоздать его в будущем без референсов.
Второй: просто просишь воссоздать такую же анимацию для своего текстового блока. Это не будет воровством, потому что ты не забираешь весь дизайн, а лишь повторяешь механику, которая встречается в интернете бесчисленное количество раз.
Сделай для робота внешнюю память
Работая над Таро, которое я скоро тебе покажу, я наткнулся на очень неприятную особенность: после сжатия контекста Codex забывает о коннекторе Sites, который деплоит проект на домены OpenAI.
В таких случаях можно попросить создать MD-файл с инструкцией на будущее, чтобы чат ничего не забыл.
Просто скажи: «Создай MD-файл с подробной инструкцией о том, как ты деплоишь через коннектор Sites, чтобы в будущем не тратить на это время».
Ручные настройки всего и вся
Любую настройку сайта можно вынести во временное меню: изинги анимаций, размеры, высоту строки, спецэффекты и так далее.
Так ты сможешь вручную настроить то, что пришлось бы долго править итерациями. Заодно сэкономишь лимиты.
Попроси добавить в меню параметры, которые хочешь менять вручную, и кнопку для копирования настроек в буфер обмена. Когда всё устроит, вставь скопированные значения в чат, попроси применить их, а меню убрать с глаз долой.
Делись своими наблюдениями в комментариях и ставь 😎
😂 Твой Crunch