MVP и мечты 💭

Короче, я сделал приватку. Платную, разумеется
Механику втащил в Искру. Вижу в этом пользу, ниже объясню в чём. Похоже на бусти, но в телеграм.

Где можно применить?
Можно сформировать сообщество вокруг бота в виде чатика. Чисто нетворк для тех, кому бот зашёл. Там и обратную связь можно собрать, например, если пофантазировать, тегнув бота – «Хэй, искра! У тебя дермовый функционал, но есть идея как тебя улучшить». Упадёт в поддержку, админы разберут.

Можно использовать для своего канала. Например, тот же приватный чатик. Да-да, ахах, почему и нет.

Давайте посмотрим шире
У партнёра есть потребность сделать свою систему покупки курсов по подписке через телеграмм. Механика подписки, интеграция с YooKassa, уникальные ссылки, продление подписки, отписка – уже есть. Осталось научиться интегрироваться с внешней платформой и выйти за пределы телеграмм.

В чём кайф? Нам касание с Искрой, трафик. Им механика за 0 рублей.

Как работает под капотом
– Покупаешь подписку /plus в Искре
– Отображается меню
– Там кнопка «Приватный канал» (подставь что хочешь)
– По клику попадаешь в приватный канал
– В приватке сидит бот Искра
– Когда вступаешь, бот чекает «чья ссылка?», «есть подписка?»
– Если ок, добавляет в канал
– Каждый день крон запускает проверку «есть подписка?», если нет, то удаляет пользователя из канала
– В приватке пока просто гороскоп, который собирает нейронка через LangChain.js))
– Уже есть пара пользователей

Пару мыслей
Вот казалось бы, Искра не окупается, но сколько штук потыкал, сколько механик обкатал и сколько ещё обкатаю! Чего стоит: подписка, админка, система оповещений, оплата, права доступа, рассылки, социальные механики, маркетинг, партнёрство, питчи стартапа, бесценный кодинг через агентов и т.д. Перечислять можно долго. А если в ноль выйдет? Вообще разрыв будет.

Так что
Мутите темки, пилите проекты, рассказывайте чё сделали. Мы ж раньше ныли что времени нет, но что мешает делать все эти штуки сейчас? Код стал доступен как никогда. Покажите ваш творческий потенциал и пофиг на прибыль шучу, не пофиг

научные фантасты уже давно мечтают о эмуляции человеческого сознания и сингулярности с помощью ИИ

ждём?)

Ты не фронтендер если не мечтал о своём uikit

Дальше поймёте смысл заголовка. Вот ссылка на мой алгоритм как создать дизайн через claude design.

А сейчас
Хочу потрещать про то, как claude code натянул дизайн из claude design!

А натянул он very-very bad. Да, клодик сделал pixel perfect интерфейс за что дадим ему 5 очков. Однако если не объяснить как лучше натянуть дизайн llm пойдёт по пути наименьшего сопротивления и сделает так как сделано в статике от claude-design через inline style, без семантики, примитивов и всех лучших практик написания компонентов))

Сначала вводные
У меня есть один образовательный pet-проект с ai обёрткой для изучения алгоритмов на котором оттачиваю технологии. Может когда-нибудь залью его на сервак но пока столько работы, что ну его нахер

Там такой стек: next.js, tailwind, radix, shadcn/ui.

Фу, скажите, tailwind:) Да, css на классах полная дичь, но если семантически по bem сделать правильно, то в будущем можно относительно легко мигрировать на что-нибудь другое, а пока это идеальный инструмент для старта, который стал де-факто стандартом для нейронок, которые легко с этим инструментарием работают.

Как будем улучшать
– нужно убрать inline-style
– вынести примитивы в @shared/ui
– построить примитивы на базе существующих uikit
– заменить самописные примитивы
– взять от tailwind семантику
– от БЭМ концепцию блок/элемент/модификатор === Card/CardHeader(CardContent,CardFooter)/variant(size/state/disabled)
– можно вкрутить FSD (но в next.js своя иерархия, лучше взять только идею взаимодействия между разными слоями)
– добавить дизайн токены
– вкрутить привычный code-style

и ещё куча всего остального, что будет уже не таким важным после всех этих штук.

Если обобщить
Надо построить свой uikit внутри продукта. Между прочим — мечта каждого фронтендера! Правда так было раньше, сейчас, наверное, уже нет. Времена, когда uikit создаёт целая команда уходят в прошлое. Хотя знаете, сделать нормальную кнопку, которая предусмотрит все варианты использования никакая нейронка не сделает, только под чутким руководством человека.

Так вот
Потрещал с chatgpt — сессия диалога кому надо. Сразу пардон за не образованность.

С ним собрали промт.

набор инструментов получился таким

shadcn/ui - библиотека готовых компонентов
radix ui - примиты, на которых построены компоненты shadcn/ui
CVA — варианты компонентов
clsx/cn - утилита для объединения классов
lucide icons — иконки

формула разработки компонента выглядит так
Tailwind CSS utilities
+
CSS variables / design tokens
+
cva variants
+
cn helper
+
Radix UI / Headless primitives для сложного поведения
+
наши shared/ui компоненты
+
продуктовые компоненты поверх shared/ui

Потом взял промт и пошёл в superpowers.
За пару вечерков на выходных компоненты стали выглядеть достойно, хоть code-style оставлял желать лучшего. Его я улучшил потом, взяв наработки с бота.

А ещё нашёл skill, который, по сути, описывает мои хотелки. Я сделал неправильно и пошёл изобретать велосипед, но ни в чём себя не виню, потому что не знал какой стек использовать под мою хотелку.
Однако теперь понимаю, что для radix умные люди уже всё написали. Часто использую для шлифовки.

Как-то так. Давно не писал, поймите, простите. Куча дел

Как создать нормальный дизайн через Claude Design

Кажется, что-то понял с точки зрения подхода.

Вот здесь (1, 2) была попытка пойти через дизайн. Теперь мнение поменялось. Забейте на дизайн! Не думайте о нём пока идея не выкристаллизуется в продукт. Только после того, как будет интерфейс с минимальным, но достаточным набором функций, можно подумать о дизайне.

Почему так? Потому что будет понятно, что вам не нравится в UI. Сразу захочется составить список требований к улучшению интерфейса. Список позволит построить отличный prompt для Claude Design.

Мой алгоритм такой:

– идём в Claude Code
– запускаем Superpowers Brainstorm
– описываем идею
– планируем
– пишем спеки
– пишем план
– выполняем план
– получаем первый прототип
– смотрим, насколько то, что было в голове, совпадает с тем, что получилось
– докручиваем
– записываем, что не нравится в UI
– идём в ChatGPT
– скармливаем список замечаний/пожеланий/скриншоты UI
– просим подсветить проблемы интерфейса
– просим исправить проблемы, ориентируясь на лучшие практики в индустрии
– просим на базе всего, что разобрали, составить prompt для Claude Design
– вычитываем, вносим правки
– стараемся написать не инструкцию, а сжатый prompt
– идём в Claude Design
– выбираем режим без дизайн-системы
– создаём несколько сессий для генерации 3 вариантов дизайна
– отвечаем на вопросы Claude Design по пожеланиям
– смотрим полученные варианты
– точечно корректируем за счёт комментирования прямо в самом интерфейсе
– исправляем
– экспортируем в проект полученный дизайн
– просим Claude Code натянуть дизайн на существующий продукт

Claude Code один в один натянет дизайн на продукт. То, как будут выглядеть компоненты внутри, уже другая проблема, но она решаема и закрывается итерациями. Отдельно напишу пост. Там тоже есть много чего интересного с чем пришлось повозиться)

Какой итог?

Сделать хороший дизайн с первого раза не получится. Нужно сесть за компьютер и провести много экспериментов. Складывается уверенность, что айтишники никуда не пропадут. Даже такая упрощённая работа — не для всех

700 рублей спасли продакшен

или ищу зарубежный хостинг для бота

Проблема
Недавно искра прилегла, хостинг у меня в yandex.cloud. Пошёл разбираться – оказалось проблема не в хостинге. Провайдер режет трафик к api.telegram.
Стоит отдать должное поддержке «облака», всегда очень быстро разбираются в проблемах.

Я догадывался, что доступ к api скоро прикроют, но ничего не предпринимал. Решаю проблемы по мере их поступления) Сервис лёг, нужно было быстрое решение. Переехать быстро сложно. Конфигурация в ci немного заточена под docker registry «облака» и cli для работы с сервером.

Поиск решения
Анализ с claude code/chatgpt показал, что проще всего вкрутить прокси. В telegraf.js его легко настроить. Правда придётся отказаться от вебхуков и перейти к лонг-поллинг, который не рекомендуется использовать в продакшен. Да, бот будет медленнее, но зато относительно быстро верну работоспособность пользователям. Купил за 700 рублей прокси, настроил и полетело. Правда периодически система оповещений присылает алерты о таймаутах некоторых пользователей. Одна из причин, почему в своё время переехал на вебхуки.

Решил, что когда буду свободнее,
перенесу бота на зарубежный.

Вчера начал исследовать какой хостинг лучше выбрать по соотношению цена/качество.

Поиск хостинга
Нравится hetzner cloud. Хостинг дешёвый, надёжный. Есть опыт работы с ним в другой компании. Не paas, чистая виртуалка. Правда есть проблема:) Hetzner не работает с пользователями из России. Ищу альтернативы.
Надеюсь на помощь комьюнити! Посоветуйте норм зарубежный хостинг если знаете.

Неудачный май

Смотрели сериал Лэндмен?

Вот чувствовал себя главным героем последние две недели. Просто пытался жить, разгребая дерьмо )

Следите за пальцами

1-е. Перед отпуском меня накрыло, поэтому как бы чертовски хорошо мне ни было в Узбекистане, в определённые моменты думал, что насморк не пройдёт никогда.

2-е. Сразу после Узбекистана произошло осложнение, и мой глаз пошёл в отказ. Не сидите за компом по 15 часов, а то сначала у вас будет синдром сухого глаза, а потом кератит. Хотя мне вообще непонятно, как можно делать что-то ещё кроме работы, если не сидеть по 15 часов за компом. Так что лучше сразу определиться, чем вы жертвуете. В моём случае, получается, здоровьем :(

3-е. Техдолг на работе и вынужденный больничный. Очень вовремя, как говорится. Когда надо тащить, твой организм идёт в отказ. В общем, был марафон под названием «Выжить».

А ещё были планы залететь на holy.js, компания купила билет, но, как вы понимаете, пришлось попрощаться с конфой. Надеюсь, мой билет отдали нуждающимся.

Вообще, если кто-то из вас был там, напишите мне, что я ничего не потерял, чтобы стало легче. Наверняка трещали про то, что это последняя конфа или она сильно трансформируется из-за AI-повесточки, как это произошло с frontendconf)

Ну оно и понятно, сейчас все тематические каналы в IT — от бэкенда, фронтенда, архитектуры и других — немного или полностью про AI. Продавай лопаты в золотую лихорадку. Это боль номер один.

Да мне самому очень интересно погружаться в AI. Какой фронтенд, алло?

Даже на работе все дружно проходим курсы по agentic coding.

Вообще появилась идея рассказать вам, чем отличается vibe coding от deep coding, spec-driven development. Всё-таки раньше в этом канале было не только про мой пет-проект.

Набросаю базы, постараюсь с примерами. Разберём разницу между разработкой пет-проекта и продукта в корпорации с помощью AI-first подхода. Думаю, такое для инженеров сейчас важнее. Ведь новости про AI можно в любом другом канале почитать.

Что думаете? Дайте реакцию

Короче, чё по боту

включил модель подписки
улучшил конверсию в /plus и /sparks

сейчас объясню

мы вот подумали, а как безобидно намекнуть о том, что есть доп плюшки за бабки?

и родилось, как мне кажется, гениальное решение — отобразить коротенькую надпись «больше идей — в /plus» под текстом ежедневной активности, однако нужно было сохранить конверсию в /sparks. Кто не в теме — это пользовательские активности. Любой может создать активность, и если она пройдёт модерацию, то раскатится на пары и на всех соло-пользователей. Да, работаем теперь не только с парами, но и с соло, такие пользователи тоже важны (было подсмотрено в других апках за счёт выстроенной CJM). Так вот, у активности от пользователя теперь тоже отображается надпись «искра от пользователя — а у тебя есть идея? /spark». Эти две простые, но гениальные вещи кратно улучшили конверсию. Люди стали чаще покупать подписку за 999р. Классика из книг работает: если перед тобой подписка за 299р., а рядом ценник на год за 999р., то нередко выбирают 2-й вариант. Ну и люди стали чаще создавать активности, уже создано 36 активностей. До сих пор в шоке, что кто-то тратит своё время на инструкции.

по подписке тоже всё норм, юкасса закинула апрувы, причём одобрили с 1-го раза. Повод для гордости, потому что мне довелось неплохо изучить опыт других в том, как правильно выстроить флоу с отпиской, подпиской, продлением, ретраями, если оплата не прошла, и тд. Клодик очень хорошо поресёрчил рынок через Exa, мы с ним попланировали, оттестировали и вкрутили. Не знаю, говорил вам или нет, но весь новый функционал всегда выкатываю тоглом. Классная штука, особенно когда разработчик один. Выкатил, включил когда надо, отключил, если что-то пошло не так. В моём случае — включил, когда юкасса одобрила автопродление.

параллельно прокапывал апку под ios/android и, наконец-то, пощупал Claude Design в режиме дизайн-системы. Клёвая штука, но нужно сначала, конечно, определиться с тем, какой базовый функционал будет. Потому что в апке хочется сразу заложить основу для пользователей без пар.

пока так, сейчас болею :( у вас как дела?

Трип по Узбекистану

[attention!! life content]

Есть Yandex, Ozon, WB и, что самое интересное, локальный игрок Uzum. Говорят, узбекистанский единорог.

Про игроков из России всё понятно. Увереннее всех выглядит Яндекс со своей экосистемой. Дико дешёвое такси заставляет местных водил немного ненавидеть компанию) Такси, правда, очень дешёвое. Москва 18-х, только ещё можно не пристёгиваться, что добавляет адреналина в кровь, когда водитель рассекает по улицам Бухары или Самарканда. «Брат, можно не пристёгиваться», — говорят местные) Это мы тут тепличные московские неженки, которых сервисы и ПДД воспитали пристёгиваться, а там, похоже, в ПДД таких правил не прописано.

Кажется, Uzum очень повезло быть в окружении Яндекса, WB и Ozon. Можно потягаться за рыночек, да и перенять всякие штучки-брючки себе в сервисы. Конкуренция всегда добавляет бодрости и более быстрого развития. Если так пораскинуть, наличие банка, маркетплейса и понимание локального рынка, кажется, даёт множество преимуществ узбекистанскому единорогу. Хотя чёрт его знает, что оно там даёт, учитывая, что в командах ребята из российских бигтехов, привет, Илюх, а обороты не такие мощные, как у того же Яндекса, который может позволить делать такси до неприличия дешёвым.

По Ozon и WB ничего не скажу, т.к. не пользовался их сервисами, но что точно бросается в глаза — это схема размещения точек. Всё так же, как и в РФ: все рядышком, жмутся друг к дружке. Ну и Uzum к ним пристроился.

Также были замечены самокаты Jet. Фаундер в своё время продал «Юрент» МТСу, а сам пошёл делать международный бизнес. Вообще, то, что он смог построить международный бизнес, — это клёво, но технологически складывается ощущение, что есть отставание от ребят, которым когда-то продал компанию. Естественно, могу судить только по внешнему виду самокатов и их навороченности, приложение не ставил. Интересно, где Jet есть ещё в мире? Мб, в латинских странах. У Кучмета есть подкаст с основателем, всё никак не доходят руки посмотреть. Скоро закрою гештальт, ведь видел продукцию воочию!

Не знаю, можно ли сказать Яндексу, что ему повезло в такси. Думаю, можно, потому что в том же Азербайджане есть английский Bolt, а здесь только местные таксисты и компания Maxim, у которой специфичный бизнес: они работают в основном в санкционных странах.

Ну и определённо Узбекистан — это страна Coca-Cola, Pepsi, Chevrolet и маленьких китайских бусиков на газу. Китайцы в основном в бытовых товарах и бусиках, американцы — в напитках и легковушках, а русские — в сервисах и, если можно так сказать, в оставшихся советских связях: культура, язык, тяжёлая техника и товары в продуктовых магазинах. Напитки, кстати, тоже, и аптеки. Чувствуется, как уверенно держатся за рынок американцы: они монополизировали рынок относительно дешёвых Chevrolet, которые визуально выглядят хуже, чем Lada Vesta. Многие местные таксисты хотят работать в Америке, говорят, правительство заключило ряд соглашений со Штатами для упрощения получения рабочих виз. Короче, чувствуется, как американцы заходят в Узбекистан, создавая местный вайб GTA Vice City. И главный вопрос: почему АвтоВАЗ не открыл завод в Узбекистане в своё время? Мне кажется, там была бы такая же любовь к Lada, как в Дагестане.

Вообще меня поразили узбеки своей лёгкостью на подъём. Многие таксисты поработали в разных странах, понятно почему, но мне кажется, с точки зрения выживаемости это очень крутой скилл. «Надо, брат, надо», — сказал один узбек, когда рассказывал про географию своих путешествий: Москва, Владивосток, Тюмень, Япония. А другой узбек говорил так: «Я в Питере много лет прожил, сейчас вот вернулся, в Штаты полечу». Поразительно, ему лет 45 на вид было.

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

В Бухару гоняли на скоростных поездах Hyundai с удобными откидными спинками, которые не мешают пассажирам сзади. Это ноу-хау определённо нужно в спинки сидений самолётов!

Залетаю в мобильную разработку

посмотрим, что смогу навоять без опыта

Вообщем, между последней рабочей неделей и отпуском, который ещё не закончился, был момент, когда, в очередной раз оплатив подписку Claude Code Max x5, сел пораскуривать стек под iOS и Android. Очень приятное ощущение, когда можно бесконечно задавать вопросы этой штуковине и бесконечно глубоко закапываться во все интересующие вопросы. Ощущаешь себя настоящим исследователем, который на выходе получает неплохой такой план, по которому можно двигаться!

Ну вот почему именно сейчас решил поразбирать стек? Да потому что почти закончил основные задачи для подписки «Искра+». Все основные доп. механики сделаны. Осталось наполнить их контентом и получить апрув от ЮKassa на подписку с автопродлением. Пока партнёр на ретритах, самое время отвлечься от задач и копнуть в диверсификацию. Это поможет в ситуации полного блока телеги.

Пораскинув мозгами, решил делать сразу под две платформы, но так, чтобы в случае чего не получилось ситуации, когда отвязаться от кроссплатформенности будет нереально. Хочется минимизировать риски и найти такой стек, который позволит переиспользовать бэкенд, но UI под iOS и Android будет свой, нативный. Это важно, потому что UI iOS должен следовать гайдлайнам Apple, чтобы не было риска получить reject. Угадайте, что нашёл?

Я отдельно запилю постик про стек и расскажу, что нарыл. Ещё будет пост про дизайн, потому что пришлось в корне пересмотреть подход. Понял, что пилить сначала дизайн, а потом натягивать его на апку так себе идея. Особенно когда есть Claude Design, который идеально вписывается в мою локальную инфраструктуру, которая была хорошо обкатана на боте.

Ловите скрин — так выглядит мой первый экран для iOS-приложения.

Кажется, начинается интересная история, где мне придётся погрузиться совсем в другой стек и язык. Короче, спустя 5 лет снова возвращаюсь к типизированным языкам 😁