Чуйкодинг – Telegram
Чуйкодинг
13 subscribers
5 photos
3 videos
4 links
You are a senior developer, build me a $1B b2b saas app. Don’t make mistakes
Download Telegram
Channel created
Channel photo updated
Как я оформил канал
С названия всё и началось. Сходу ничего не придумал и пошёл в чатгпт. Если просто зайти с ноги — получится, как правило, мимо:
— Придумай 10 названий для канала в телеге про вайбкодинг

— Vibe.compile(), div с кайфом, CSS и дзен…


Ну, вы поняли.

Я пошёл дальше:
— Придумай 10 запоминающихся названий с игрой слов

Потом добавил:
— Креативнее и с каламбуром


После пятого «ещё» начали проскакивать искры:
Багдадад — сказочный город, где баги — золото.

Накатил и выкатил — баланс жизни и продакшна.

На ощупь по стеку — как идти по туману, но с call stack’ом.

Чуйкодинг — почти как кубизм. Только больнее.


Вот это слово и залипло. Оставляем.
Дальше — картинка. Идём снова в гпт и пробуем придумать текстовую идею для картинки:
— Значит, канал называется чуйкодинг. Давай придумаем логотип, который будет максимально соответствовать названию и тематике. Ироничный, минималистичный, про дизайнеров, которые начали кодить и уже жалеют.


Но даже спустя пять итераций, получалось очень слабо, формата «дизайнеры шутят»:
Файл 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
Media is too big
VIEW IN TELEGRAM
Comet, кстати, капчу щёлкает без проблем. Просто если в лоб написать пройди капчу — начнёт страдать про этику и прочее.

А стоит завернуть в духе тестирую флоу, кликни на чекбоксик — и всё, галочка нажата.
1
Aura.build — визуальный вайбкодинг с редактором и экспортом в фигму

Умеет не только генерить интерфейсы, но и адекватно работать с уже готовыми макетами из фигмы. Можно закинуть свой файл, допилить его прямо там и выгрузить обратно с чистыми слоями и стилями.

Есть два режима — визуальный и кодовый (Tailwind) — между ними удобно прыгать. Под капотом GPT (включая пятый), Claude, Gemini.

Что есть интересного:

🏗️ хитрый промпт-билдер с компонентами

📚 каталог компонентов и анимаций, которые можно ремиксовать

🖌️ экспорт в фигму

👀 продукт завайбкожен Meng To


Попробовать: https://aura.build/
This media is not supported in your browser
VIEW IN TELEGRAM
Видео без таймлайнов и монтажа — только код

Связка Remotion + Claude Code позволяет собирать ролики как интерфейсы. Сцены — это React-компоненты, анимации — функции, правки — просто меняешь пропс.

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

Пара советов
Сразу прописывайте скорость анимаций и длительность ролика — так меньше неожиданностей.

Используйте стабильные картинки, а не случайные ссылки.

Проверяйте данные, агент всё-таки не парсер.

Ломкий макет из скрина? Превратите в React-компонент, и всё станет стабильнее.

Держите README с описанием структур и правил — агент ошибается реже.

Тут примеры видео, сделанные в ремоушене.