Силиконовый Мешок

Смотрю в дашборде, из каких стран к нам со Стасом присоединяются участники мастер-группы (будем в ИИ погружаться). Настоящий интернационал, больше десяти стран - от Штатов до Австралии, почти все часовые пояса. С первого сентября стартуем.

Интересной дорогой идем мы с этими роботами. Информационное поле разделилось на три слоя. В первом нам показывают фантастическое будущее от Илона Маска и других корпораций, где роботы такие же ловкие и умные, как люди (некоторые). Живут с нами и работают вместо нас. Во втором слое - китайские роботы, которых уже сейчас можно купить, хотя берут их в основном лаборатории и стартапы, а еще для перформансов. Потому что в быту они бесполезны и стоят как крыло от самолета. А еще есть роботы, которых себе может позволить каждый. Например, Microduck от Pollen Robotics и Hugging Face - с видео выше. Стоит 400 баксов, небольшой - 25 см, весит 800 г, 15 моторов, камера, небольшой LiDAR и клюв, которым он подбирает предметы. Вроде игрушка, но его можно обучать, а, что самое главное, ставить скиллы, которые для него будут создавать тысячи энтузиастов по всему миру. Так что эра домашних роботов приближается. Первыми появятся маленькие, потом китайские подешевеют и будут выполнять какие-то реально полезные задачи по дому, ну а дальше придут дорогие и умные роботы от корпораций по подписке. Правда, ее оплачивать будете уже не вы, а ваш работодатель (бывший)…

Как делать дизайн и UI, если вы вообще в нем ничего не понимаете Вчера написал пост про страдания из-за того, что приходится брать ответственность не только за код, но и за дизайн. И для меня это проблема. Потому что когда вайбкодишь решение, то на первое время можно откинуть экзистенциальные вещи типа чистоты кода, безопасности, багов и ориентироваться на результат - работает или нет. Но когда дело касается визуала и удобства пользования, начинаются нюансы. Первое, что выдает тебе ИИ на запрос «создай сайт», - это сине-фиолетовый градиент, шрифт Inter и типичный скелет лендинга. Кстати, в этом ИИ-слопе сайтов виноват популярный CSS-фреймворк Tailwind, они еще в 2019 году сделали индиго дефолтным цветом кнопок в своих компонентах, туториалы разошлись по всему гитхабу, и модели выучили эту медиану. Создатель Tailwind Адам Уотан позже публично признал, что выбрал индиго не из дизайн-соображений, а как нейтральный плейсхолдер для демок. И этот оттенок лаванды уже прозвали "VibeCode Purple". Ну а дальше начинается круговорот ИИ-слопа в природе веб-дизайна. Навайбкоженные сайты попадают в сеть, следующее поколение моделей учится уже на них, среднее самоусиливается. Плюс агент дополнительно сужает выбор до того, что проще сверстать. И как же разорвать этот пурпурный круг, если нет дизайнерской насмотренности? Вот что я скормил своему агенту и себе: — ui-skills.com - каталог скиллов по дизайн-инженерии для агентов. Внутри скиллы от shadcn, Anthropic, Эмиля Ковальски и других. Подключаешь через CLI или MCP, и агент начинает верстать по правилам, а не по своим генерическим привычкам — ui.shadcn.com - стандарт индустрии, фундамент дизайн-систем половины современного веба. Код компонентов кладется прямо в твой проект, поэтому агенты редактируют их свободно и знают эту библиотеку лучше любой другой. Бесплатно — coss.com/ui - свежая библиотека кучи компонентов поверх базового UI, заточена в том числе под ИИ-приложения. Опенсорс — designsystemchecklist.com - чеклист. Список того, что должно быть закрыто в дизайн-системе, от цветов до документации. Скармливаешь агенту как рамку качества, по которой он проверяет твой фронтенд — beautifului.dev - библиотека компонентов специально под ИИ-интерфейсы. Чаты, стриминг-лоадеры, блоки кода, карточки подтверждения действий агента, визуализация воркфлоу. Копируешь и вставляешь. Бесплатно — beui.dev - анимированные компоненты для React и Next.js на Framer Motion и Tailwind. Модалки, кнопки, табы, тосты, доки. Ставится через shadcn CLI. База опенсорс, есть Pro за деньги — rareui.com - небольшая коллекция прикольных анимированных React-компонентов. Папки, гравитация букв, жидкий шар. Каждый компонент один файл, ставится одной командой. Полностью бесплатно — transitions.dev - каталог готовых переходов и микроанимаций. Открытие модалок, скелетоны, анимация цифр, ресайз карточек. Код копируешь или подключаешь агенту как отдельный skill. База бесплатная, остальное в Pro — emilkowal.ski/ui/you-dont-need-animations - эссе Эмиля Ковальски (автор библиотек sonner и vaul) о том, когда анимации вредят. Например, что частые действия лучше не анимировать и все держать быстрее 300 мс. Скармливаешь агенту, чтобы он не превращал интерфейс в мультик

Один умный человек сказал, что работа с ИИ-инструментами - это про то, чтобы брать на себя ответственность. Как было раньше? Нужен сайт? Берем Колю на фронтенд, мы ему доверяем, он хорошо сделает, Костяна на бэк, с ним работали, не подведет. А дизайнером возьмем Тему, человек новый, но вроде адекватный. С одной стороны, мы им доверяем, а с другой стороны, снимаем с себя ответственность за результат. Да, если парни накосячат, придется кого-то еще искать, а этих выгнать и больше им не доверять. А как сейчас? Вайбкодим сайт. Коли, Кости и Темы уже нет, а зачем они? Есть же Клод, Кодекс и другие ребята. И каждые пять минут наш любимый ИИ-агент ставит нас перед выбором: «я развернул окружение на сервере, перехожу к следующему этапу?», «вот такой дизайн получился, тебе нравится или что-то исправить?», «да, моя вина, забыл убрать торчащий инстанс, и базу увели. Хочешь, закроем его прямо сейчас?». И всегда ты берешь ответственность на себя, хотя не дизайнер, не бэкендер и даже не фронтендер, но кто-то должен. Я это к чему? Две недели уже копаюсь со своим личным сайтом, и меня просто бесит все, что Клод предлагает в качестве UI-решений или компонентов интерфейса, но я не могу объяснить ему, почему. Я же не дизайнер и не юиксер. Но ответственность за эти домены знаний вынужден брать на себя, принимая или отклоняя предложения моего агента. И знаете, мне пришлось учиться. Я полез читать статьи, смотреть примеры решений, консультироваться с настоящими дизайнерами. Все ради того, чтобы принимать правильные решения, потому что я тут единственный взрослый. И кожаный. Кстати, если интересно, могу накидать прикольные штуки для веб-дизайна и UX, которые наресерчил и применял. Подкиньте 🔥 под пост, чтобы понял

Интересная штука вайбкодинг. Давно наблюдаю за одним дизайнером, Enzo, он много пишет про анимацию на React Native WebGPU. Вот его сайт с демками https://reactiive.io/demos - там интересно поковыряться для вдохновления и гит с кодом. И уже не первый раз вижу, как некоторые собирают тонны трафика в Твиттере, используя его наработки. Например создавая микросервисы типа этого «QR-дерева», чтобы нагнать трафик на основной сайт по созданию QR-кодов. А вобще формат прикольный. Ресечишь интересные решения на Гитхабе, быстро вайбкодишь микросервис, закидываешь публикацию в Твиттере и на Реддит, собираешь трафик - и на второй круг.

Меня немного пожурили за то, что невнятно донес важную информацию. Исправляюсь. С 1 сентября мы со Стасом Киреевым запускаем новый поток мастер-группы про ИИ. Начнем с самых основ и дойдем до создания своих проектов. Прям за ручку, не отпуская, проведем. Я, кстати, буду рассказывать про «ВТОРОЙ МОЗГ» и привлечение трафика для своих проектов. Если вы хотели к нам присоединиться еще в прошлый раз и все еще думаете - не думайте, записывайтесь, возможно, это тот самый знак - https://kireev.expert/

Заприметил, что на OpenRouter'е появилась неопознанная пока модель в стелс-режиме. Рабочее название Ox Alpha, по бенчмаркам на уровне Fable. И кстати, пока ее можно бесплатно гонять - https://openrouter.ai/stealth/ox-alpha Ну я и воспользовался, попросив забацать мне «Doom» - думала моделька очень долго, минут 30, но результат прилетел с одного промпта и почти без ошибок. Пойду дальше с ней играть. Интересная.

Все Mac mini с прилавков разобрали, а вот старых MacBook Pro M1 куча валяется по чуланам. Но, видимо, ненадолго: чуваки из Eigen Labs запустили Darkbloom. Это сеть, где ты можешь сдать мощности своего компьютера в аренду. Нижний порог входа - 24 гигабайта памяти. Владельцу мака идет вся выручка с запросов, комиссию пока не берут, плюс фиксированные 10-40 долларов в месяц просто за то, что машина висит онлайн больше 90% времени. Ну и Твиттер возбудился, так как старый мак, который на барахолке можно взять за 500-900 баксов, по калькулятору обещает приносить почти 150 баксов в месяц. Пока у них в сети всего 250 машин, но OpenRouter уже перепродает их мощности на своей площадке. Будем наблюдать.

СДВГ'шники я тут бомбяо нашел Очень мне понравился скилл «/i-have-adhd», я что-то подобное делал и сам, но тут автора правда хорошо получилось (23к звезд). Раздражающая навязчивость агента куда-то испарилась, он перестал быть таким приторным и отвлекающим от главного. Одним словом, не бесит. Так что даже если у вас нет СДВГ, все равно стоит попробовать этот скилл в работе. Десять основных правил, которые он активирует: 1) Начинай со следующего действия 2) Нумеруй многошаговые задачи 3) Заканчивай одним конкретным следующим шагом 4) Глуши побочные темы 5) Каждый ход повторяй, на чем остановились 6) Конкретные оценки времени (минуты, а не «немного») 7) Показывай, что уже сделано 8) Про ошибки сухо и по факту 9) Списки не длиннее пяти пунктов 10) Без вступлений. Без пересказов. Без прощаний Работает не только в Claude Code. В комплекте манифесты под Cursor, Codex, Gemini, Qwen, Zed, Copilot, OpenCode и Kimi, то есть под все, что умеет читать agent skills. GitHub: https://github.com/ayghri/i-have-adhd

Стал еще больше обожать математические эксперименты с приходом ИИ. Раньше такое надо было разбирать руками, теперь просто кидаешь формулу и результат крутится на экране. Вот эти рыбки например. Тут никакой анимации, чистая математика на 259 символов. Пара колебаний с некратными частотами дают ребрышки с плавниками, а деление на три превращает одну рыбку в три. a=(y,d=mag(k=(4+cos(y*31+t))*cos(i/99),e=y/5-11)-6)=>point((79+k*k)*cos(c=d/2-t/2+i%3*8)+200,99*sin(c/3)+200+d*d*sin(t*3-d)+3*sin(k*2)+y/13*k*(e+sin(e*4-d*4))) t=0,draw=$=>{t||createCanvas(w=400,w);background(9).stroke(w,96);for(t+=PI/60,i=2e4;i--;)a(i/995)}