Женя Белодед ↯ Дизайн • Продукт • Управление

Седня чуть поработал с видом на горы. А в каких вы необычных местах работали?)

Есть два стула в работе с агентами. Обновляю сайт ч.5 Я довольно много всякого насмотрелся в вайбкодах и пришел к тому, что есть две крайности работы с агентами. Первый — оч долго обсуждать и собирать полную спеку → результат → точечные допилы Второй — отрезать все, что можно, обсудить минималку → результат → итерации И если раньше первый вариант работал лучше, сейчас как будто лучше идти по второму сценарию. Чем больше у модели инструкций и контекстов, тем больше она может начать сходить с ума из-за попыток жесткого соблюдения правил. Взять, например, обновление моего сайта. Раньше я бы сидел детально разгонял планы че где и как должно работать, чтобы собрать максимально полную спецификацию по страницам и сущностям, потом сказал бы делай и надеялся на норм результат. Но с моделями которые актуальны на момент выхода поста, я пошел по другому пути. Я дал ей общий контекст + главная страница + простенькая админка. А дальше уже итерациями буду наслаивать блог, линковки и другие страницы. Так у меня получается куда более предсказуемый результат, главное в общей спеке заложить ключевые моменты, которые могут повлиять на общую ближайшую архитектуру. Иначе можно начать делать двойную работу пересобирая стеки под новые штуки. Правильно или неправильно тут нет, истина как всегда где-то посередине и конечно тут нужны балансы между обеими подходами. А на картинке первая обновленная версия сайта по рефу на старый сайт без доступа к консоли и mcp фреймера. Пока не оч похоже на текущий, но так задумано) ——— ☝️ А что, если...

Ты вайбкодишь неправильно … а я вот правильно, лох! Такие коменты можно встретить примерно под любой заметкой про подходы к вайбкодам и это довольно интересно. Потому что с двумя одинаковыми моделями и даже подходом, далеко не всегда можно получить равный результат. В итоге получается, что каждый дрочит как хочет, но уверен исключительно в своей правоте. То, что работает у вас, не работает для других. Поэтому нет смысла бездумно брать чужие скиллы и юзать их в надежде, что у вас будет так же круто как у того, кто его опубликовал. Хотя бы потому скилл уже десять раз доработался, пока вы интегрировали его в свой проект. Здесь нет волшебных таблеток, тут надо прям сидеть и создавать эту химию под себя и под каждый конкретный проект. А объяснять свои взаимоотношения с вайбкод-машиной примерно так же, как объяснять чувства между людьми. ——— ☝️ А что, если...

Все админки сайтов — говно. Обновляю сайт ч.4 Когда перетыкал все возможные форматы CMS для сайта, я пришел к выводу, что все это полная неюзабельная херня и, кажется, я придумал как это гениально и очень элегантно решить. Все админки сложные. Туда напихано буквально все подряд: от штук, которые нужны раз в три года, до самого частотного и важного — создание записей и страниц. И складывается ощущение, что админки делают люди, которые сами никогда не публиковали контент. Каждый раз это куча действий и сопротивления: надо открыть админку, залогиниться, найти нужный пункт в меню, сверстать запись, указать все параметры к публикации, посмотреть в превью, опубликовать, посмотреть, что ничего не сломалось, написать пост в канал, что чет вышло… короче жопа. А с телефона это вообще анрил. И тут я подумал зайти от обратного. Я уже пишу и публикую посты в телеге относительно регулярно и научился это делать в любом состоянии с любого устройства. А что, если связать Телеграм канал с админкой сайта? Чтобы нужные посты сразу уходили на сайт в нужное место и категорию. Так я сделаю канал первоисточником, потому что короткий формат записей мне проще дается, чем писать огромные заметки. А уже из коротких постов можно будет потом складывать большие. И делается это довольно несложно. Надо собрать бота, который будет слушать канал и по определенным признакам носить нужные записи в нужные места на сайт. И для этого идеально подходят теги, по которым можно распределять записи. Вроде даже с редактированием постов должно работать. А уже всю низкочастотную шляпу можно оставить в админке. Или и вовсе сделать тг бот с полной админкой. Кароч надо пробовать, тестировать сперва буду на тестовом канале, а как соберу, покажу как все работает) ——— ☝️ А что, если...

Самый кайф в вайбкодах Больше всего в этих ваших вайбкодах я люблю превращать все в конфигуратор с набором параметров. А дальше играться с ползунками и кнопочками, пока не получится натыкать нужный результат. Например, я так собирал анимацию загрузки страницы со всякими скелетонами и фоновыми подгрузками, где надо было забалансить все анимации по таймингам. Чтобы не жечь токены, я вынес тайминги в параметры и дальше ползунками все полировал, чтобы оно все со всем дружило. После чего скормил итоговый результат Клоду и сделал эти параметры по умолчанию. Или, например, собирал текстовую страницу для сайта, где много всяких загов, списков, таблиц, картинок и тд. И чтобы не объяснять Клоду, что и где он потерял во время переноса из Фигмы, я тоже сделал конфигуратор отступов, где быстро все со всем сдружил и закинул обратно. Чаще всего это в разы быстрее, чем писать точечные коменты по кругу, пользуйтес. ——— ☝️ А что, если...

План работ. Обновляю сайт, ч.3 Прежде чем что-то начинать вайбкодить, нужен план. Иначе все будет работать через жопу или вовсе не будет. Это не план для ллмки, это скорее этапность по которой я буду подходить к проекту. 1️⃣ Создаю проект, настраиваю инфраструктуру Создаю на компе папочку, даю все доступы, переношу некоторые md файлы с других проектов. 2️⃣ Разгоняю с Клодом общий воркфлоу и MVP работы Оч детально рассказываю ему чего хочу, тыкаю ссылкой на старый сайт, прописываю все ключевые разделы и как они должны работать. Здесь важно отрезать все, что отрезается, чтобы агент не натворил делов и не заблудился. Самая идеальная схема работы — двигаться итерациями, впрочем, как и обычно) 3️⃣ Собираю MVP на локалке, фикшу косяки по фронту на внешней части Получаю первые наработки, которые можно потыкать, там точно будет норм так косяков, итеративно и по чуть-чуть исправляю их. 4️⃣ Переношу контент Выгружаю из Фреймера все БД, чтобы потом скормить его Клоду и через скрипты сметчить с моими БД. Контент терять не хочется. 5️⃣ Прорабатываю ховеры, базовая отзывчивость Дальше буду полировать все, чтобы это было похоже на сайт. Всякие ховеры, ограничения по ширинам, проверка адаптивности и тд. 6️⃣ Добавляю вишенки и полирую детали Добавляю всякие мелкие приколдесы, точечные анимации. Например, ща в меню по наведению на десктопе появляются картинки. Есть мысли чего еще поделать в этом направлении. 7️⃣ Делаю нормальную админку Админка наверняка будет какой-то готовой и сложной, поэтому ее надо будет отдельно продумывать и оставлять только то, что мне нужно, там, где это нужно. 8️⃣ Оптимизирую и сеошусь Всякие пережатия картинок, видосов, чтобы оно все работало максы шустро. Отдельным слоем хочу уделить время сеошке, чтобы записи попадали в выдачу. 9️⃣ Выливаю в прод и отменяю подписку на Фреймер Деплоюсь на прод, все еще раз проверяю и думаю над улучшениями по новому циклу. Звучит страшно, но все это можно неспешными вечерами сделать за недельку, если все пойдет норм в процессе. ← ч.2 ——— ☝️ А что, если...

План работ. Обновляю сайт, ч.3 Прежде чем что-то начинать вайбкодить, нужен план. Иначе все будет работать через жопу или вовсе не будет. Это не план для ллмки, это скорее этапность по которой я буду подходить к проекту. 1️⃣ Создаю проект, настраиваю инфраструктуру Создаю на компе папочку, даю все доступы, переношу некоторые md файлы с других проектов. 2️⃣ Разгоняю с Клодом общий воркфлоу и MVP работы Оч детально рассказываю ему чего хочу, тыкаю ссылкой на старый сайт, прописываю все ключевые разделы и как они должны работать. Здесь важно отрезать все, что отрезается, чтобы агент не натворил делов и не заблудился. Самая идеальная схема работы — двигаться итерациями, впрочем, как и обычно) 3️⃣ Собираю MVP, фикшу косяки по фронту на внешней части Получаю первые наработки, которые можно потыкать, там точно будет норм так косяков, итеративно и по чуть-чуть исправляю их. 4️⃣ Переношу контент Выгружаю из Фреймера все БД, чтобы потом скормить его Клоду и через скрипты сметчить с моими БД. Контент терять не хочется. 5️⃣ Прорабатываю ховеры, базовая отзывчивость Дальше буду полировать все, чтобы это было похоже на сайт. Всякие ховеры, ограничения по ширинам, проверка адаптивности и тд. 6️⃣ Добавляю вишенки и полирую детали Добавляю всякие мелкие приколдесы, точечные анимации. Например, ща в меню по наведению на десктопе появляются картинки. Есть мысли чего еще поделать в этом направлении. 7️⃣ Делаю нормальную админку Админка наверняка будет какой-то готовой и сложной, поэтому ее надо будет отдельно продумывать и оставлять только то, что мне нужно, там, где это нужно. 8️⃣ Оптимизирую и сеошусь Всякие пережатия картинок, видосов, чтобы оно все работало максы шустро. Отдельным слоем хочу уделить время сеошке, чтобы записи попадали в выдачу. 9️⃣ Выливаю в прод и отменяю подписку на Фреймер Деплоюсь на прод, все еще раз проверяю и думаю над улучшениями по новому циклу. Звучит страшно, но все это можно неспешными вечерами сделать за недельку, если все пойдет норм в процессе. ← ч.2 ——— ☝️ А что, если...

Зачем мне нужен сайт и почему он не подходит для найма. Обновляю сайт, ч.2 Начнем с конца. Мой сайт плохо подходит под найм и, я надеюсь, очевидно, почему. Там нет кейсов)) Ну и в целом там довольно много всякого лишнего, что нерелевантно нанимающим менеджерам. И сделано это намерено, потому что я никогда не ставил перед сайтом задачу найма. А вот чтобы сформулировать, нахера мне сайт, пришлось норм так подумать) Если отвечать честно, у сайта нет каких-то задач. Мой сайт всегда был тупо песочницей для развлечений с инструментами. Кажется, у меня есть версии сайта на всем, что знает современный дизайнер: Тильда, Редимаг, Вебфло, Фреймер и сейчас будет навайбкожен. Но все же у меня есть образ результата, к которому хочется прийти. Я бесконечно уважаю людей, которые тянут свой сайт годами, пишут туда контент и ведут хронологию своей жизни и проектов. Например, Илья Бирман, Саша Бизиков, Женя Лепёхин и другие клевые чуваки, у которых каким-то неведомым для меня образом получается это делать. И, кажется, ключевая концепция, которая у меня откликается, это как раз сайт как слепок жизни и событий в ней. Чтобы можно было пронести это через десятки лет и по пути получить бенефиты такого формата. Эдакий текстовый дневник, только без настолько быстрого устаревания, как в Телеграме. А сейчас я каждый раз встречаю какое-то сопротивление при попытках что-то обновлять на сайте, потому что местами настолько тупо и через жопу все сделано, что даже браться не хочется. Именно поэтому мне кажется офигенно клевым собрать все под себя, чтобы сайт был живым и его было легко обновлять. Потому что я тоже живой и хочу, чтобы сайт отражал меня в моменте времени. ← ч.1 ——— ☝️ А что, если...

Если вдруг вас невероятно раздражает тупорылая звездочка, которая находится рядом с правой рамкой на каждом элементе, ее можно отключить. В настройках найдите «Show agents on canvas» и отожмите галочку. И ведь наверняка провели миллион исследований, метрики считают, радуются, как много людей пользуются...

Фреймер — всё! Почти год назад я оплатил год Фреймера, чтобы потыкать сам конструктор, а заодно сделать себе сайт. С Фреймером я потыкался, но сайт так и не доделал, потому что уперся в ограничения проектирования некоторых штук с базами данных. В сентябре подходит дата нового платежа и как будто нет смысла его продлевать, если можно собрать все вайбкодами под мои задачи с нужными приколюхами. А чтобы было интереснее, попробую рассказать, как я к этому подхожу, что получается, а что нет. ➡️ Текущие вводные Есть более-менее работающий сайт на Фреймере с плюс-минус норм дизайном, который я даже не буду поначалу менять. Из проблем: Говено сделана мобила и навигация в целом, новые записи неудобно добавлять, фильтрация и нумерация записей работает через жопу, часть страниц вообще уводит в Ноушн, потому что их не оч удобно было верстать на Фреймере. ➡️ Ключевые принципы, которые хочу заложить 1. Записи можно быстро и легко добавлять 2. Сайт должен быть живым в плане контента и легко масштабироваться 3. Нормальная скорость работы + индексация поисковиками А, да, важный дисклеймер. Сайт у меня не решает задачу найма, если бы я искал работу, я делал бы его иначе. В сл посте я попробую объяснить, зачем мне сайт и дальше начну развлекаться с этим и рассказывать о процессе. ——— ☝️ А что, если...

Эталон личного сайта дизайнера для найма Наткнулся на идеальный пример личного сайта какого-то чувака в Линкеде, который ищет работу. Тут прям целый набор того, что ОБЯЗАТЕЛЬНО должно быть у вас на сайте, если вы тру-дизайнер. 1. Блокирующий лоудер, который грузится вечность 2. Невероятно красивые анимации, а главное побольше 3. Работы спрятаны в 10 экране и показаны минимальными картинками 4. Белый текст на светлом фоне 5. Бессмысленная гора текстов 6. Сайт подлагивает даже на топовом маке 7. На мобиле даже открывать страшно 8. Ни одного описанного кейса И Саша, наверное, хотел как лучше. Показать, какой пердежный пердеж он умеет вайбкодить и может в технологии. Но личный сайт надо начинать задачи. Если это найм, стоит взять палку и бить себя каждый раз по рукам, когда хочется нахуевертить анимаций да побольше. На сайтах портфолио наниматели хотят видеть работы, а не какой вы крутой сайт сделали. Сань, сори, как есть. Приходи на консультацию, расскажу как делать норм) ➡️ Попытаться посмотреть

В Google Earth можно делать прикольные видосы с реальными 3д картами Для одной задачки хотел сделать шейдерную анимацию пролета между домами по городу и в процессе рисерча Клод мне посоветовал глянуть в Google Earth. Оказывается, у них там целая веб-студия, где можно собирать простенькие видосы с 3д городами на базе спутниковых снимков. Правда у одной из самых богатых компаний нет ресурсов сделать все страны в таком формате, поэтому Беларусь плоская, как юмор в этом канале. Зато можно как Спайдер-мен полетать по Нью-Йорку и узнать, что Земля все-таки круглая, если чуть отдалить камеру. Короче рекомендую позалипать! ➡️ Google Earth

Кого вы читаете? Расскажите про любимые тг каналы? Кто прям в топах, чьи посты не пропускаете? Свои кидать не надо, мне правда интересно, кого вы читаете) Не обязательно среди дизайнеров, накидайте реально любимые каналы и расскажите почему ↓

Кажется, главный миф про AI сегодня звучит так: «Ну да, с ним просто можно делать все быстрее» 😎 Но вся крутость AI далеко не в одной скорости. Компании начинают менять сам подход к работе. Вместо больших команд появляются небольшие AI-first группы, которые собирают продукт в разы быстрее привычных процессов. Не потому, что люди стали умнее, а потому, что иначе выстроен весь пайплайн. Посмотреть, как это работает в реальности, всегда проще на конкретном примере, чем на очередной презентации про AI. Поэтому Даниил Шишко из Pixel Perfect решил провести небольшой эксперимент 😎 6 августа в 17:00 мск он попробует за 1,5 часа собрать приложение с нуля – от идеи до релиза. Главный интерес здесь не только в самом приложении, а в процессе: сколько задач сегодня реально закрыть с помощью AI, если правильно выстроить рабочий процесс. После эфира Даниил отдаст все скиллы, которые использовал при сборке продукта, чтобы вы повторили этот подход в своих проектах. 😀 Эфир пройдет в тг-канале Даниила #партнерскийпост

Читайте, что подписываете Однажды мне под видом «обычной формальности» пытались подсунуть док о неконкуренции, который был сформулирован настолько плохо, что по формулировкам я не мог заниматься дизайном вообще никогда. А когда я сказал, что такое нельзя подписывать, как аргумент мне привели, что ребята уже подписали, ток ты остался, не выебуйся 🤡 Док я не подписал, но узнал, что есть довольно много людей, которые подписывают все, что им присылают, особенно если это кто-то уже знакомый и «безопасный». Так вот, чуваки, читайте абсолютно всю хуйню, что подписываете, даже если это «обычное НДА» и «просто формальность». ➡️ Логичный вопрос зачем Тут есть две причины и одна из них очевидная. ➡️ Можно подписаться под очень неудобные условия, которые норм так попортят вам потом карьеру. За годы в дизайнах я насмотрелся на разные договоры и много кто пытается оставить дизайнера без трусов. Вот тебе запрет на работу с проектами в такой сфере, вот тебе НДА до твоей смерти, а за каждое нарушение штраф в два ляма долларов. И тут житуха дизайнера кажется уже не такой яркой.

Запомните главную мысль — любой договор должен защищать две стороны. То есть кроме ебейших штрафов в договоре должны быть указаны условия оплат, бенефитов и всего остального, что вам пообещают в переписках.

И обсуждать договоры нормально. Даже если вы пиздец как ищете работу джуном и пытаетесь устроиться лично к Альтману. Не факт, что получится продавить какие-то пункты, но надо хотя бы четко и однозначно понимать, что вы подписываете. Повторю еще раз — любой договор это двусторонний документ, где должны быть отражены интересы обеих сторон. ➡️ Второй не самый очевидный пункт, это качество подготовки договоров. Сейчас каждый второй экономит на хороших юристах и загоняет все в ЛЛМки, а потом появляются пункты «давайте я сделаю презентацию по этой теме?». Тут риски те же: можно подписать полную чушь и потом думать, как с этим разгребаться, если возникнет недопонимание. ➡️ А как быть если вы не шарите Тут варианта всего два: дорогущие юристы или хотя бы любая современная ллмка. Закиньте в нее договор и попросите подсветить узкие и рисковые места, почелленжите док с ней. На всякий лучше убрать все личные данные вас и компании, перед тем, как закидывать) ⭐️ А теперь самопроверка, поставьте голубя 🕊 те, кто знает в течение какого времени и на каких условиях можно разорвать ваш текущий контракт. И хот-дог 🌭, если на все воля божья. ——— ☝️ А что, если...

Теперь к действительно важным вещам Если у посудомоек есть автооткрытие дверцы, почему у стиралок нет, чтобы вещи не затухали, пока активно вайбкодишь... ——— ☝️ А что, если...

Давайте померяемся письками Чем больше я общаюсь про работу со знакомыми и друзьями, тем больше я понимаю, насколько у всех все по-разному в плане бенефитов и приколюх помимо зп. У нас в resume.co, например, анлим дейофы и отпуски, чтобы люди сохраняли ворклайфбаланс. А еще можно поехать к коллегам в другую страну поработать и потусоваться и это скомпенсят по билетам, жилью и даже еде. Плюс к этому у нас супер поощряют пет-проекты и раз в квартал общим голосованием разыгрывается приятная премия за лучший пет. Еще есть бюджет на покупку всякого по обустройству своего рабочего места. Про всякие компенсы тулов, курсов, англов и тд и говорить конечно нечего, это как будто база. А самое клевое, что все это без миллионов согласований, на многие штуки прописаны бюджеты с авто-апрувом, просто закидываешь счет в систему и оно компенсится. А расскажите, чем балуют вас работодатели помимо зп? Что самое прикольное из бенефитов вы получали от работодателей? ——— ☝️ А что, если...

Наконец победил тесловодов Так получилось, что я живу возле абсолютно бесплатной зарядки электромобилей, но она постоянно занята вонючими тесловодами. В приложении подписаться на обновления нельзя и чтобы узнать статус зарядки, надо каждый раз открывать-закрывать тормозное приложение. Обуться, накинуть куртку и доехать до зарядки мне в среднем 6-7 минут, что неприлично долго в погоне за халявным электричеством. К счастью, мы живем в прекрасное время, где без знаний кода можно собрать себе бот, который будет ходить в публичное АПИ, спрашивать че там по статусу и присылать уведомлением на телефон. Пара тройка промптов и я самый быстрый, а главное экономный парень на деревне! И самый кайф, когда бот погоняется некоторое количество времени и соберет дату, можно будет выделить паттерны по загруженности, среднему времени зарядки и предсказывать когда туда есть смысл ехать, а когда не стоит соваться из-за скорости других участников этой гонки. Современные времена требуют современных решений! ¯\_(ツ)_/¯ ——— ☝️ А что, если...

Новый вид постов в Телеге работает через жопу Идея с расширенной версткой постов норм, но реализация пока полное говно. Паша, гони в шею своих тестеров. Отложка не работает (!) Если верстать новомодный пост и пытаться закинуть его во встроенную отложку — вас прокинут на хую разработчики Телеги и отправят мнгновенный пост в канал. Сразу подумал мож я не туда нажал, а потом второй раз внимательно наступил на те же грабли. Абзацы склеиваются в один Хз, мож не баг, а фича, но тогда еще хуже. Сколько переносов строк ни вставляй, итоговый текст пришлется одним полотнищем. Выглядит это как кусок нечитаемого говна, из-за чего теряется смысл делать лонгриды этой залупой, которую для них и создавали. Редактирование работает через раз Когда хочешь добавить спойлер на существующий текст через редактирование, только великий рандом знает, сохранится это или нет. Кароч придется возвращаться в доисторические времена и верстать посты сперва в Saved и оттуда пересылать в канал без отложки. Ну и ждать пока еще придумают новые скам-подарко-механики, вместо фиксов очевидных багов. ——— ☝️ А что, если...