Как я оформил канал
С названия всё и началось. Сходу ничего не придумал и пошёл в чатгпт. Если просто зайти с ноги — получится, как правило, мимо:
Ну, вы поняли.
Я пошёл дальше:
Потом добавил:
После пятого «ещё» начали проскакивать искры:
Вот это слово и залипло. Оставляем.
С названия всё и началось. Сходу ничего не придумал и пошёл в чатгпт. Если просто зайти с ноги — получится, как правило, мимо:
— Придумай 10 названий для канала в телеге про вайбкодинг
— Vibe.compile(), div с кайфом, CSS и дзен…
Ну, вы поняли.
Я пошёл дальше:
— Придумай 10 запоминающихся названий с игрой слов
Потом добавил:
— Креативнее и с каламбуром
После пятого «ещё» начали проскакивать искры:
Багдадад — сказочный город, где баги — золото.
Накатил и выкатил — баланс жизни и продакшна.
На ощупь по стеку — как идти по туману, но с call stack’ом.
Чуйкодинг — почти как кубизм. Только больнее.
Вот это слово и залипло. Оставляем.
Дальше — картинка. Идём снова в гпт и пробуем придумать текстовую идею для картинки:
Но даже спустя пять итераций, получалось очень слабо, формата «дизайнеры шутят»:
Решил сделать по-простому. Зашёл в Recraft и попробовал несколько промптов:
В какой-то момент вылезла картинка с третьим глазом и идея придумалась сама собой. Вайбкодинг — это ведь чисто гадание на кофейной гуще. Может быть получится, а может быть и нет. Меняю промпт под это:
Так и родился визуал. И весь канал, кажется, тоже.
— Значит, канал называется чуйкодинг. Давай придумаем логотип, который будет максимально соответствовать названию и тематике. Ироничный, минималистичный, про дизайнеров, которые начали кодить и уже жалеют.
Но даже спустя пять итераций, получалось очень слабо, формата «дизайнеры шутят»:
Файл final_final_definitely_final_v6.html
UI-кнопка, обёрнутая в 12 слоёв <div>
HTML-тег <div> в Comic Sans
Решил сделать по-простому. Зашёл в Recraft и попробовал несколько промптов:
designer coding
designer coding apps with errors
confused designer coding with errors, symmetric
В какой-то момент вылезла картинка с третьим глазом и идея придумалась сама собой. Вайбкодинг — это ведь чисто гадание на кофейной гуще. Может быть получится, а может быть и нет. Меняю промпт под это:
tarot card, designer with three eyes coding
tarot card, confused designer with three eyes coding
Так и родился визуал. И весь канал, кажется, тоже.
Media is too big
VIEW IN TELEGRAM
Начал пользоваться браузером от Perplexity.
В видео выше — пример, как я попросил найти выставки в Лондоне и построить по ним оптимальный маршрут в Google Maps.
Это не просто чат в боковой панели — Comet превращает браузер в смарт-агента, который кликает, ищет, сравнивает, бронирует и собирает инфу по проектам без боли и рутины. Он сам заполняет формы, бронирует встречи, отвечает на запросы в линкедине и чистит инбокс — всё по команде в обычном языке.
Вместо десяти синих ссылок — поток структурированных, процитированных ответов из перплексити прямо в поиске и в любом открытом табе. Он помнит, что происходит в разных вкладках, сравнивает продукты, цены, сообщения без сотни кликов, агрегирует данные в реальном времени. В промпте можно тегать вкладки через @.
Попробовать: https://www.perplexity.ai/comet
В видео выше — пример, как я попросил найти выставки в Лондоне и построить по ним оптимальный маршрут в Google Maps.
Это не просто чат в боковой панели — Comet превращает браузер в смарт-агента, который кликает, ищет, сравнивает, бронирует и собирает инфу по проектам без боли и рутины. Он сам заполняет формы, бронирует встречи, отвечает на запросы в линкедине и чистит инбокс — всё по команде в обычном языке.
Вместо десяти синих ссылок — поток структурированных, процитированных ответов из перплексити прямо в поиске и в любом открытом табе. Он помнит, что происходит в разных вкладках, сравнивает продукты, цены, сообщения без сотни кликов, агрегирует данные в реальном времени. В промпте можно тегать вкладки через @.
Попробовать: https://www.perplexity.ai/comet
Media is too big
VIEW IN TELEGRAM
Comet, кстати, капчу щёлкает без проблем. Просто если в лоб написать пройди капчу — начнёт страдать про этику и прочее.
А стоит завернуть в духе тестирую флоу, кликни на чекбоксик — и всё, галочка нажата.
А стоит завернуть в духе тестирую флоу, кликни на чекбоксик — и всё, галочка нажата.
❤1
Aura.build — визуальный вайбкодинг с редактором и экспортом в фигму
Умеет не только генерить интерфейсы, но и адекватно работать с уже готовыми макетами из фигмы. Можно закинуть свой файл, допилить его прямо там и выгрузить обратно с чистыми слоями и стилями.
Есть два режима — визуальный и кодовый (Tailwind) — между ними удобно прыгать. Под капотом GPT (включая пятый), Claude, Gemini.
Что есть интересного:
🏗️ хитрый промпт-билдер с компонентами
📚 каталог компонентов и анимаций, которые можно ремиксовать
🖌️ экспорт в фигму
👀 продукт завайбкожен Meng To
Попробовать: https://aura.build/
Умеет не только генерить интерфейсы, но и адекватно работать с уже готовыми макетами из фигмы. Можно закинуть свой файл, допилить его прямо там и выгрузить обратно с чистыми слоями и стилями.
Есть два режима — визуальный и кодовый (Tailwind) — между ними удобно прыгать. Под капотом GPT (включая пятый), Claude, Gemini.
Что есть интересного:
🏗️ хитрый промпт-билдер с компонентами
📚 каталог компонентов и анимаций, которые можно ремиксовать
🖌️ экспорт в фигму
👀 продукт завайбкожен Meng To
Попробовать: https://aura.build/
Чуйкодинг
Начал пользоваться браузером от Perplexity. В видео выше — пример, как я попросил найти выставки в Лондоне и построить по ним оптимальный маршрут в Google Maps. Это не просто чат в боковой панели — Comet превращает браузер в смарт-агента, который кликает…
При скачивании кометы вам дадут два инвайта. Я положу свои в первом комменте, так что отпишитесь, кто заберёт первый и можете там же поделиться своими.
https://www.perplexity.ai/comet
https://www.perplexity.ai/comet
www.perplexity.ai
Comet Browser: a Personal AI Assistant
Comet browser by Perplexity is the AI browser that acts as a personal assistant. Automate tasks, research the web, organize your email, and more with Comet.
❤2
This media is not supported in your browser
VIEW IN TELEGRAM
Видео без таймлайнов и монтажа — только код
Связка Remotion + Claude Code позволяет собирать ролики как интерфейсы. Сцены — это React-компоненты, анимации — функции, правки — просто меняешь пропс.
Почему удобно
Быстрые правки — меняешь пропс, и всё готово.
Один шаблон можно клепать в десятках вариаций.
Рутины меньше, монтаж только там, где он реально нужен.
Пара советов
Сразу прописывайте скорость анимаций и длительность ролика — так меньше неожиданностей.
Используйте стабильные картинки, а не случайные ссылки.
Проверяйте данные, агент всё-таки не парсер.
Ломкий макет из скрина? Превратите в React-компонент, и всё станет стабильнее.
Держите README с описанием структур и правил — агент ошибается реже.
Тут примеры видео, сделанные в ремоушене.
Связка Remotion + Claude Code позволяет собирать ролики как интерфейсы. Сцены — это React-компоненты, анимации — функции, правки — просто меняешь пропс.
Почему удобно
Быстрые правки — меняешь пропс, и всё готово.
Один шаблон можно клепать в десятках вариаций.
Рутины меньше, монтаж только там, где он реально нужен.
Пара советов
Сразу прописывайте скорость анимаций и длительность ролика — так меньше неожиданностей.
Используйте стабильные картинки, а не случайные ссылки.
Проверяйте данные, агент всё-таки не парсер.
Ломкий макет из скрина? Превратите в React-компонент, и всё станет стабильнее.
Держите README с описанием структур и правил — агент ошибается реже.
Тут примеры видео, сделанные в ремоушене.
