Дизайныч | Артём Суслов

Очень крутая идея, 100% заберу себе куда-нибудь в будущие проекты

Надо OpenRouter или любую апишку конкретной модели подключить да и всё. Делов на 5 минут

Исходник: https://x.com/heyimgustavo/status/2100728786694136224?s=20

Полезные советы и техники для разработки фронта и дизайна

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

Либо заюзать скилл /better-ui от того же автора

💧 npx skills add jakubkrehel/skills

А советы тут: https://interfaces.dev/cheat-sheet

Завайбкодил портфолио пару месяцев назад, хочу рассказать про анимашку меня

Как делал

1. Поставил штатив и сфоткал себя со спины
2. Пошёл в Хигсфилд и скормил исходник в Image, чтобы удалить лишние детали с фона и сделать его белым.
3. В генерации Img → Video и сделал анимацию печатания на клавиатуре уже с обновленной фоткой с белым фоном.
4. Чтобы сделать поворот головы, нужно было сначала в генерации изображений сделать фотку как я смотрю через плечо и улыбаюсь, но обязательно в том же положении, что и при анимации печатания, чтобы переход был бесшовными при смене двух видео.
5. Заанимировал поворот и отворот от камеры уже с новой фоткой в Video
5. В капкате укоротил видео, сделал их бесшовными и уменьшил размер
6. Попросил мистера Кодекс наложить два видоса друг на друга и плавно сменять при ховере. Пришлось добавить небольшой блюр при смене видео друг на друга, так как микро-скачек все-таки был. Done

Анимацию "папируса" или "свертка" при загрузке страницы ваще ваншотом сделал. Референс скормил и всё

🟢Лайв: https://artemsuslov.com/

Сегодня отмена, я сильно заебался, не хочу варёным сидеть

На недельке замутим🙏

Cтрим завтра 19:00 на Ютубе

Пообщаемся, поразгоняем про гпт-6, сделаем какой-нибудь сайтик или что-то посложнее, могу поревьюить дизайны ваших проектов

Когда был у Данька на стриме — очень понравилось

Может кого-то из гостей еще позову, чтобы и вам поинтересней было

Идеи че повайбкодить можете накинуть в комменты

🔗 Ссылку скину ближе к стриму. Ориентировочно на 1.5-2 часика

p.s. пикча жесткая one-shot by gpt-image-2

Ура, новый айпад!

Легенда стримит и делает бекфлип с новым айфоном

https://www.youtube.com/live/5CPAtEmHAio?si=vXlTywVg1Y1jQM3f

🟢 Ищу работу

Если у вас есть знакомые кому нужен продуктовый дизайнер или дизайн-инженер, я буду очень благодарен за рекомендацию.

Я могу закрывать задачи по дизайну, ресерчу и вайбкоду: от простых низкодетализированных прототипов до полнофункционального фронтенда

Есть опыт в B2C и B2B для веба и мобилок. Сферы: Web3, еCom, гемблинг. В целом быстро вкатываюсь в любую новую для себя нишу. Работал преимущественно в стартапах с высоким темпом работы и быстрой скоростью принятия решений.

Ищу парт-тайм или фулл-тайм, но только удалёнка

👉 Портфолио и резюме: https://artemsuslov.com/ (отображены не все проекты из-за NDA, о некоторых могу рассказать лично, если будет релевантно)

👉 Написать можно в ЛС: @art_ew

Не думал, что буду использовать канал таким образом, но тем не менее. Буду благодарен за репост и рефералку🙏

Несколькими постами выше спрашивал какие сайты вы используете для вайбкодыча

И теперь в новом ролике рассказываю топ-10 библиотек из 4 категорий: компоненты, эффекты, анимации и ******. В конце ролика кинул шатаут парням, кто поделился своими сайтами

🎬 Смотреть на YouTube (пролистай поиск и найди видео, надо для алгоритмов. Обложка может отличаться из-за A/B тестов)

Приятного просмотра!

Что, если сократить путь до выбора стикеров в Telegram?

Миша Наер сделал очень кайфовое взаимодействие: при зажатии кнопки вложения в Telegram можно быстро выбрать и прикрепить фотографии в чат.

Я решил сделать похожее взаимодействие, но для стикеров. ИМХО это даже более логично, потому что стикеры мы отправляем сразу в чат. А в текущей версии Telegram иногда нужно потратить довольно много времени, чтобы найти нужную собачку или кошечку

Получил пиздец сколько дофамина, когда в живую на айфоне начал всё это дело тыкать. Первый раз перенёс прототип в реальную жизнь самостоятельно (с кодексом) и дико кайфанул

Чё думаете? Может быть как-то дотюнить?

Мой репозиторий (форк Мишиного)

Репо Миши (ориг)

⭐ Поставьте звездочки мне и ему по братски

Если вы делаете iOS апки (мне кажется для них больше всего применимо), то можете посмотреть этот скилл с генерацией 2D-маскотов и запихнуть его в иконку или как-то в аишке анимировать для онбординга.

Я правда не совсем понял, что такое "IP as Logo", поясните если кто знает.

Сайт — https://ipaslogo.com/
Гитхаб — https://github.com/s1dashu/ip-as-logo-skill

Все время работал под рэпчик и в какой-то момент понял, что ловлю жесткий расфокус. Вчера на Ютубе попался такой канал с ахуенным хаусом, чтобы залокиниться

https://www.youtube.com/@productivityonyt

Кто тут плотно вайбкодит, какими сайтами вы пользуетесь чаще всего?

Интересуют UI библиотеки, тулы для моушн и эффектов, а также любые другие инструменты, которые помогли/помогают вам в создании проектов

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

Благодарен буду!🙏

🎉 Результаты розыгрыша:

🏆 Победители:
1. Alexey (@oXaoc)
2. Dmitriy (@malyshevd)

✔️Проверить результаты

🎁 Розыгрыш 2-х месячных подписок на 💬 Claude Pro

Победителям отправлю официальные ссылки для активации. Если Клод Про уже есть, подписка продлится. К сожалению, у Кодекса нет такой фичи, так бы его разыграл(

Чтобы участвовать:
• Подпишитесь на @artem_designich;
• Нажмите кнопку «Участвовать»;
• Оставайтесь подписаны до итогов.

Итоги: 17 августа в 17:00 МСК. Кому-то скрашу рабочий понедельник) Двух победителей выберу случайно и объявлю в канале

Напишу победителям в личные сообщения. На ответ будет 24 часа, иначе проведу повторный выбор. Ваш аккаунт должен быть живым (по моему мнению офк)

Пароль и доступ к аккаунту не нужны. Нужна только почта, куда выслать подписку

p.s. Чтобы увеличить шанс, можно дать буст каналу😉

Делаю продающий лендос для своего продукта Animator

За 10 минут показываю как из слопового сайта от ИИ собрать качественный, продающий SaaS лендос для вашего продукта с анимациями, эффектами и адаптивом на мобилку.

🎬 Смотреть на YouTube (пролистай поиск и найди видео, надо для алгоритмов. Обложка может отличаться из-за A/B тестов)

🎁 Также в конце видео рассказал про розыгрыш 2-х месячных подписок на Claude Pro

💻 Сайт из видео: https://getanimator.xyz/home

Сам розыгрыш опубликую завтра, когда видос немного продвинется в рекомендациях ютуба

Приятного просмотра!

Сделал приложение, чтобы трекать парт-тайм работу и при этом считать монеты

В CRM клиента идёт только трекинг времени, но деньги там естесственно не увидишь как и аналитику по дню, неделе, месяцу. Вести это всё в заметках тоже такое себе.

А мне хочется быть уверенным, что я смогу сводить девушку в кино на Колобка в конце месяца! 🤬

Работает просто: создаётся проект, указывается часовая ставка и начинается трекинг времени. До первой версии понадобился всего один промпт и разобраться как билдить MacOS апку через XCode.

Ссылка на репу: https://github.com/artew07/freelance-tracker

Присылайте пул-реквесты, если есть идеи че ещё допилить)

Пока новостей особо нету, готовлю новый ролик и делюсь подборкой UI-библиотек, которые частенько использую в своей работе

• Spell.sh
• Skiper-ui
• ui.unlumen
• Transitions.dev
• Interior.dev

Последняя достаточно новая и щас хайпит в твиттере

Немного расскажу про Animator и про метрики за 3 дня с релиза

Продукт направлен на создание бесшовных каруселей, которые можно использовать в портфолио, соцсетях и презентациях

О процессе создания можно посмотреть на ютубе

Метрики за 2 дня:
• Со всех соц.сетей я получил ≈10к охватов (тредс+ютуб+тг+линкед)
• 316 уник. визитов судя по ЯМетрике;
• 20 рег и 17 рендеров.

Получил первый фидбек и баги в тредс благодаря чему улучшил перфоманс рендера и сделал микро-твики по интерфейсу. Также пробовал постить в LinkedIn и впервые пост залетел. Добавляйтесь в коннекты

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

Буду признателен если протестите, потыкаетесь и напишите фидбек здесь в комментах, либо в самом сервисе, либо мне в лс @art_ew

Делаю свой продукт для шоукейсов в Codex с нуля

Собираю работающий продукт с нуля в Codex: от проблемы и юзер флоу до деплоя и запуска на уникальном домене. Без кода и разработчиков, чисто на +вайбе и кодинге = +вайбкодинге. Также рассказываю про классный скилл для русских текстов в интерфейсах и показываю промежуточные версии.

🎬 Смотреть на YouTube (пролистай поиск и найди видео, надо для алгоритмов. Обложка может отличаться из-за A/B тестов)

💻 Ссылка на сервис (только десктоп): https://getanimator.xyz/

Все ссылки и скиллы из видео в моём боте: @designich_bot