UX/UI by SHAIN

Maestro МСР - дозволить агенту тестувати і виправляти створенні вами додатки прямо в сессіі Якщо для iOS це не дуже актуально, бо в СС є вбудований емулятор, то для андроід наприклад корисно буде @shain_design

Кайфові мікро інтеракціі в додатку stash Дивитись зі звуком @shain_deign

⭐️ Дуже корисно. Сетап + скіл + відео для роботи Storybook Було в збереженних, на вихідних подивився нарешті.Моя повага і подяка пану Iгору 🎩 https://t.me/dobzha_pro_design/276

🥰 Добірка ресурсів анімованих іконок 1. potlabicons 2. iconsax 3. lordicon 4. lucide-animated 5. itshover 6. animate-ui @shain_design

Там ще й вібровідгук прикольно поєднаний з інтеракціями 🔥 Сьогодні скачав якраз 🥲 https://t.me/berestux/1019

Всім понеділочка 🤝 знайшов для вас (і себе) безкоштовний курс по UI дизайну від дизайнера Lyft, InVision, Udemy, v0 Принципи, ієрархія, ассесабіліті, типографіка, кольори і все що потрібно для дизайну гарних інтерфейсів 🚀 https://pablostanley.gumroad.com/l/ui-design-course @shain_design

Неочікувано, але приємно dev.ua написали статтю про мій додаток для організації референсів - diivo Доречі планую в наступних оновленнях додати МСР, щоб ШІ могли більш дешево працювати з референсами при створенні інтерфейсів 🙂 Це мені пан Олег порадив - автор каналу Хуїкс Стаття 📖 @shain_design

#натхнення QR профілю вилітає з Dynamic Island, коли ви ділитеся своїм профілем у застосунку Retro @shain_design

Гарна кнопка зібрана через агента у Framer Промт для Framer -> Fable5: Create a Liquid Glass background (code file) in Apple's Liquid Glass style. Key effect: when placed over content, the glass must refract and warp the background behind it like looking through a water droplet, the background bends, magnifies, and shifts color at the edges (strongest distortion near the borders, subtle in the center). Not just blur. Use an SVG displacement filter (feTurbulence + feDisplacementMap) on the backdrop, plus edge chromatic dispersion (RGB split) for the rainbow fringe. Adjustable settings: Light, Refraction (distortion strength), Depth, Dispersion (chromatic edge), Frost (blur amount), Splay (edge falloff) Але ж ніхто не забороняє зроби це не у фреймер 🤭 Автор Tran Mau Tri Tam p.s. несподівано я почав юзати мій плагін для Diivo як тулу для скачування відосів 🤭 🤭 🤭 @shain_design

Наконец-то я дождався, скільки ждав, ждав, але все-таки є 🚀 Нарешті це сталося. Figma додала вкладені папки (Nested Folders). Те, чого дизайн-спільнота просила роками, тепер офіційно доступно. Тепер можна будувати нормальну ієрархію проєктів, а не вигадувати десятки префіксів у назвах файлів. До 10 рівнів вкладеності — дрібниця на перший погляд, але для великих команд це суттєво спрощує навігацію та організацію роботи. Іноді саме такі «маленькі» оновлення економлять більше часу, ніж гучні AI-анонси. 👏 😍 Product Design * Motion in App | Підписатися

Анімація по тапу "crack open" в застосунку Opal @shain_design

🪳 Багато хто запускає свої продукти або планує це робити. Приніс дещо корисне для вас Буває таке що викатуєш апдейт, шось ломається і всі юзери починають жалітись або мовчки стикаються з проблемами. Найгірше це коли, наприклад нові юзери просто перестають користуватись через це продуктом, бо ще не здобули звичку. Щоб не втрачати дорогоцінних юзерів при невдалих апдейтах використовуйте - канарейкове розгортання. Така дивна назва з’явилась завдяки шахтарям які брали з собою канарейок в шахти, бо ці птахи дуже чутливі до опасинх газів. Якщо птаху ставало зле - шатарі розуміли що пора вибиратись нагору. В IT схожа схема. Спочатку випускайте апдейт на 5%, якщо все ок - збільшуйте долю наприклад до 30%, далі 50% і т.д. Якщо з’являється проблема - то вона буде у маленького числа користувачів і не зачепить всіх, можна швидко відкатити реліз і пофіксити - не дратуючи велику кільскість юзерів. Фактично це спосіб перевірии апдейт, перед тим як віддати його всім юзерам. @shain_design

Як виглядає AI-розробка в компанії, де агенти вже в щоденному процесі. Кирило Сулімовський - Head of Engineering, керує 6 інженерними командами на highload, 200+ мікро сервісів, 10k+ RPS. На воркшопі показує не «як має бути в теорії», а свій щоденний production-процес. Практичний воркшоп Agentic Engineering Workflow, дві частини: 📅 6 серпня, четвер, 19:00 - теорія: контекст, CLAUDE.md, субагенти, Ralph loop, переключення моделей 📅 8 серпня, субота, 13:00 - практика: повний шлях фічі від ідеї до коду в production, наживо Що всередині: 🟢 Spec-Driven Development як основа керованої AI-розробки 🟢 Контекст-інженерія: щоб агент не «забував» проєкт між сесіями 🟢 Субагенти в паралель: код, тести, рев'ю, security 🟢 Верифікаційні гейти, щоб агент не зламав усе одним рухом Буде корисно: Senior і Middle спеціалістам, Tech Lead'ам, Engineering-менеджерам, CTO і техфаундерам, які вже працюють з AI, але хочуть побудувати системний workflow. Два дні, живі демо на реальному проєкті. Практику можна проходити разом із Кирилом: він ділиться власним репозиторієм, тож ти не просто дивишся, а і робиш. Зараз діє найкраща ціна до старту. Буде й запис воркшопу. Деталі, наповнення і реєстрація 🔗 До зустрічі 😉

#Оффтоп

⭐️ Я відмовився від Claude Code CLI (терміналу) на користь Claude Code GUI (десктоп додатку) і кайфую від цього Я довгий час працював в терміналі, там є свій вайб… але зараз для мого воркфлоу термінал програє по функціоналу десктоп додатку. Найголовніше - тепер я можу одночасно у одному вікні працювати з iOS Simulator та web версією додатків над якими працюю на фултайм роботі. • Це прям кайф, Claude у одному вікні сам тестує інтерфейс одночасно 2 платформ, не відкриваючі інші вікна. Просто тицяє по кнопках, скролить і я це бачу у вікні і це корисніше ніж читати команди що він зробив. • Я не страждаю від перемикань між клод, браузером і симулятором. ps. так, я знаю що наприклад термінал Wave має вбудованний браузер, але він мобільний і не підтримує наш метод авторизаціі, тому кожна нова фіча починалась з констилів з токенами авторизаціі. Я забив на це і просто відкривав звичайний браузер. Друга причина - як дизайнер, я хочу бачити інтерфейс, а не його відстуніть (термінал). В додатках яки я дизайню є AI чати і мені куди легше брати ідеі з десктоп додатків з якими я працюю щодня, замість того щоб тестувати іх окремо. Третя - мені зручніше працювати з remote control сессіями. Бо GUI надсилає скріншоти і я десь у спортзалі можу продовжити роботу з мобільного додатку, відкривши скрін який він прислав і накидавши йому правки. А ви що обираєте термінал чи десктоп додаток? @shain_design

👋 Привіт, шо ти? Гля - прикольна анімація шейпів при записі свого самопочуття Apple Health @shain_design

Продовжуючи тему з браузером - в Claude Code ще й iOS Simulator тепер вбудований Логіка та сама - Claude тепер не просто пише код, а сам його ганяє і дивиться що вийшло. Тепер, коли просиш Claude зібрати і запустити застосунок, поряд з чатом відкривається панель з симулятором айфона. І в реальному часі бачиш як він встановлює білд, тапає по екрану і сам перевіряє свої ж зміни. Для мене з моїм Expo / React Native стеком це прям в тему. Що норм: • окремий симулятор на кожну сесію, до 4 штук паралельно • можна самому тапати і свайпати по екрану поки Claude працює • Cmd+S / Cmd+R - скрін або запис екрану, падають на робочий стіл 🤩 • можна попросити конкретний девайс: "запусти на iPhone SE" Що треба: • Mac ( бо iOS Simulator тіко на макосі) • Claude Desktop v1.24012.0+ • Встановлений Xcode з iOS платформою • План Pro / Max / Team (на Enterprise нема) Поки public beta, тільки в локальних сесіях - в клауді і по SSH не працює, бо симулятор живе на твоєму пк. ⚠️ Один момент: скріни девайса летять до Anthropic і зберігаються за твоіми налаштуваннями. Тож не логіньтесь в реальні акаунти на симуляторі який юзає Claude. Я поки не тестив на бойовому проєкті, зроблю апдейт як потестую @shain_design

🥰 Анімація спалювання негативних історій у «How We Feel» Оце так зробіть з роботою у вихідні @shain_design