One sentence in, a whole journey out.
2:34Одеса, Україна · у дизайні з 1997 року
Інженер з автоматизації дизайну — перетворюю дизайнерську роботу на інструменти й AI-процеси.
Я будую системи, що стоять за дизайном: бронювання, яким користуються , , що перетворюють бриф на робочий прототип, і , який я сам довів від ідеї до сторів.
↓ Натисніть фразу — нижче відкриється робота.
Мій фан-проєкт — застосунок для велосипедистів.

10 · натисніть, щоб відкрити
Як це зроблено
Екрани під NDA, тож тут схема. Справжні екрани покажу на запит.
Лід фронтенд-архітектури · дизайн + розробка
Побудовано агентний конвеєр від дизайну до розробки: фіча проходить шлях від задачі до протестованого коду за дні замість тижнів — без етапу Figma й окремого відділу дизайну. Прототипи у двох варіантах дають бізнесу найкраще рішення; тестування скоротилося з тижнів до годин.
Платформа клієнтських даних для авіакомпаній, спроєктована в коді замість Figma. Звичний шлях — макет у Figma, передача, тижні розробки, ручне тестування — замінено конвеєром: дослідження, HTML-прототип у двох варіантах, мій вибір, далі агенти planner, coder, verifier і reviewer у Claude Code збирають фічу на дизайн-системі, а скіл-тестувальник проходить кожен флоу як реальний клієнт, роль за роллю. В останньому замірі він ловив 70% того, що знаходив живий тестувальник, а людина пропускала 80% його знахідок. Я веду фронтенд-архітектуру в команді з п’ятьох: структуру, дизайн-систему — 96 компонентів у трьох рівнях, зі Storybook як еталоном, — і логіку кожної фічі. Приблизно половина фронтенду вийшла з моїх сесій.
Стек Vue 3.5 · Vite 7 · TypeScript strict · Pinia · Storybook 8 · Vitest · Playwright e2e · Lighthouse CI · Laravel backend · Claude Code (5 agents · 13 skills)
Як це зроблено
Екрани під NDA, тож тут схема. Справжні екрани покажу на запит.
Соло · дизайн + розробка · 140 зі 140 комітів
Стилізація рушія бронювання під нову авіакомпанію забирала близько місяця роботи дизайну й фронтенду; тут це день: компоненти обирають в адмінці, бренд — один JSON. Авіакомпанія швидко міняє компоненти, тестує їх — і підвищує конверсію.
Один рушій бронювання для будь-якої авіакомпанії, зроблений AI-агентами — харнес із 5 агентів і 32 скілів — без Figma, однією людиною. Там, де нова авіакомпанія зазвичай означає місяць перестилювання, тут кожна авіакомпанія обирає компоненти в адмінці, а весь її стиль — один JSON: робота на день. Почалося з дослідження авіакомпаній і платформ-конкурентів та UX-патернів. Фронтенд говорить із бекендом будь-якої авіакомпанії через один контракт: питає, які з 28 можливостей бекенд уміє, і ховає те, чого він не вміє. Наступний крок — головна ідея: фронтенд, що підлаштовується під кожного пасажира й складається за порадою Paximizer CDP — порядок кроків, пропозиції, компонування, — а підсумкова ціна завжди на виду.
Стек Claude Code harness (5 agents · 32 skills) · Next.js 14 · React 18 · TypeScript strict · Radix + shadcn/ui · Tailwind · Zustand · Apollo GraphQL · next-intl (en/de/fr) · MSW · Vitest · Playwright · Storybook · Turborepo + pnpm
Як це зроблено
8 live topics
2:34Post ready — approve?LinkedIn · X · Threads · Tue 09:0010:41One sentence in, a whole journey out.
2:34From prompt to launch in minutes.
ReelOne passenger, one story — every system in one profile.

Product tour: a journey from one sentence

Дизайн + розробка · 358 з 369 комітів
Дослідження, контент-план, презентації, пости й озвучені відео — тижневий обсяг відділу маркетингу — працюють самі. Презентацію, на яку дизайнер витрачав дні, замовляють у вебадмінці чи Telegram, і сервер з AI-моделлю генерує її за хвилини.
Студія презентацій і контенту, що робить роботу відділу маркетингу: ніхто не малює презентації вручну й не добирає матеріали. Щотижня вона досліджує, про що писати, і планує на два тижні вперед, з брифами. Презентації, пости, озвучка й відео збираються на одній дизайн-системі з шаблонами й правилами, а озвучує їх безкоштовний локальний голос. Усім керує вебадмінка — календар, презентації, пости, — а презентації генерує сервер з AI-моделлю; Telegram-бот бере на себе затвердження й термінові замовлення, хвилини замість днів; опубліковані пости дублюються на paximizer.com.
Стек deck.json · HTML-презентація + скриншоти слайдів · локальний TTS Kokoro-82M або Edge TTS · запис у реальному часі → MP4 · самодостатня публікація · Telegram-бот · вебадмінка
Як це зроблено
Idea
Plan your whole week
in one tap.
What they missNo product shown above the foldTwo CTAs compete for the click
The angleShow the week itself
Plan your whole week
in one tap.







Дизайн + розробка
Усе під ключ — сайт, промокит, матеріали для продажів — від однієї людини замість агенції чи дизайн-команди маркетингу. paximizer.com переїхав із Webflow без жодного зламаного посилання.
Упаковую продукт під ключ — інтерфейс, сайт і всі матеріали для продажів і промо, — тож агенція чи дизайн-команда маркетингу не потрібні. Кожен сайт починається з дослідження — сайти конкурентів поруч, що вони кажуть і чого їм бракує, — далі вайрфрейми, дизайн і промокит. paximizer.com переїхав з Webflow, не втративши жодної з 91 старої адреси, тож не зламалося жодне посилання; на wind2ride.app — сторінки для поширення маршрутів, запрошення до клубів і відеогайд. Багато інших сайтів з 2010 року вже офлайн або під NDA — покажу на запит.
Стек Astro 5 + GSAP (paximizer.com) · HTML + Netlify functions (wind2ride.app) · Figma (WebSky Tech promo site)
Як це зроблено
Планувальник маршрутів, що читає вітер

Соло — від ідеї до публікації в сторах
Продукт, дизайн, розробка, публікація в сторах і підтримка — робота невеликої продуктової команди, зроблена однією людиною у вільний час. Уже 600+ велосипедистів.
Я велосипедист і роблю застосунок для велосипедистів — сам, від ідеї до сторів, роблячи те, що робить невелика продуктова команда: продукт, дизайн, розробку, релізи й підтримку. Почалося з поїздки проти вітру й аналізу, як дані про вітер можуть оцінити маршрут відрізок за відрізком. Велосипедисти тестували його в беті й надсилали звіти просто із застосунку зі скриншотами; далі з’явилася соціальна частина — клуби й спільні заїзди. У Google Play, а з літа 2026 року й в App Store.
Стек React Native / Expo · TypeScript · 10 інтеграцій з API · 6 мов
Як це зроблено
Одна дизайн-ідея на вашій дизайн-системіFinds one design idea that sells and builds it without breaking the design system
Зроблено для власної роботи
Кожен інструмент назавжди прибирає з дня один повторюваний ручний крок. Muse зробив для цієї сторінки дослідження рівня студії — 23 напрями, журі, 3 ескізи — за одну сесію замість тижнів.
Можу автоматизувати будь-який робочий процес, і кожен інструмент тут назавжди прибрав один повторюваний ручний крок. Коли крок повторюється, спершу шукаю готовий інструмент, а якщо жоден не підходить — роблю свій: скіли, плагіни й розширення під реальну повторювану роботу. Muse — скіл для Claude Code — знаходить одну дизайн-ідею, яка продає, і втілює її, не ламаючи дизайн-систему. Він спроєктував цю сторінку так, як це зробила б студія, за одну сесію: 23 напрями, незалежне журі, дошка ідей, 3 ескізи — і ось вона.
Стек скіли для Claude Code · плагіни для Figma · розширення для VS Code
Як це зроблено
Tools · 8
Pax, how does the segment filter work?
Segments are groups of conditions: each picks a passenger property and a value; groups join with AND or OR.
Sources
Архітектор і автор
Генератор контексту для AI: будь-яке питання про продукт — бізнес-правило чи рядок коду — отримує відповідь за секунди замість годин пошуків. Це скоротило навчання багатьох колег до хвилин і токени, які агенти витрачають на контекст.
База знань, яку може питати AI, — генератор контексту. Питання про продукт, що раніше коштувало годин пошуків у старому коді й документації або днів онбордингу новачка, отримує відповідь за секунди — від бізнес-правила до рядка коду. Я задокументував старий фронтенд і бекенд, проіндексував усе в RAG і зібрав MCP-сервер, щоб будь-який AI-агент міг звернутися до проєкту й отримати повний контекст для будь-якої задачі.
Стек MCP-сервер на Node + TypeScript · FAISS-ембединги (768-d) · RAG · MCP-інструменти: kb_search, kb_search_code, kb_get_entity, kb_get_source, kb_get_hierarchy, kb_get_mock_data, kb_get_components_for_ui, kb_check_freshness
Провідний продуктовий дизайнер, WebSkyTech
Бронюванням користуються 20+ авіакомпаній. Токени перетворили брендування нової авіакомпанії з тижнів ручного перестилювання на набір токенів, що застосовується за дні; оновлений флоу дав +5% конверсії в A/B-тесті (попередньо).
Повністю кастомізований рушій бронювання для авіакомпаній — ним користуються 20+ із них. Кастомізація бренду перейшла від ручного перестилювання, тижні на кожну авіакомпанію, до дизайн-токенів, що застосовуються за дні. Спершу дослідження — авіаційні обмеження: PNR, SSR, правила тарифів, багаж, — потім логіка бронювання у вайрфреймах, дизайн-токени для мультибрендових тем, інтерфейс, тести на клікабельних прототипах у Figma (+5% конверсії в A/B-тесті, попередньо) й передача команді фронтенду.
Стек Figma · дизайн-токени · мультибрендові теми
Продуктовий дизайнер, від MVP до продакшену
Спроєктовано на реальних моделях API чотирьох авіаційних систем, тож фронтенд зібрали один раз — без кіл перероблення, коли прийшли дані. Шість модулів, від MVP до продакшену, один дизайнер.
Платформа клієнтських даних для авіакомпаній, спроєктована у Figma й доведена від MVP до продакшену одним дизайнером. Дизайн спирався на реальні моделі API чотирьох авіаційних систем, тож екрани від початку відповідали даним, а фронтенд зібрали один раз, без кіл перероблення. Більшість роботи — варіанти: кожен компонент у кількох версіях, протестованих одна проти одної, і залишено правильну — в аналітиці, профілях пасажирів, лояльності, кампаніях, підтримці й моніторингу, з ролями, станами та крайніми випадками.
Стек Figma · реальні моделі API · ролі та стани
Провідний продуктовий дизайнер, WebSkyTech
Конструктор сайтів для авіакомпаній: сайт для будь-якої авіакомпанії збирається з варіантів блоків і стилізується під її бренд за дні замість окремого дизайн-проєкту на тижні.
Конструктор сайтів для авіакомпаній — один шаблон, що перестилюється під будь-яку авіакомпанію (white label), — тож сайт нової авіакомпанії збирається за дні замість тижнів дизайну з нуля. Дослідження того, що потрібно кожному сайту авіакомпанії, 20+ протестованих екранів-вайрфреймів, семантичні токени зі світлою й темною темами, бібліотека компонентів з варіантами — і конструктор: обираєш варіант кожного блоку, і сайт збирається в бренді авіакомпанії.
Стек Figma · Notion · семантичні токени · світла й темна теми
Hard skills 06
Налаштовую харнес — агенти, скіли, хуки, MCP-сервери, RAG, — щоб AI працював за правилами проєкту.
Архітектуру, структуру й перевірки задаю я, код пишуть агенти (Vue, React Native, Astro).
Флоу, сценарії, ролі й стани — аж до моделі даних: як воно працює, а вже потім як виглядає.
Композиція й типографіка; токени, компоненти й мультибрендові теми, Storybook як еталон.
Процеси, задачі й час: від власних баз до Notion і трекерів.
Soft skills 04
AI — там, де він окупається; готовий рушій (безкоштовний локальний голос), скрипт чи малюнок — там, де ні; анімація — лише там, де вона щось пояснює.
Від першого питання до запущеного продукту.
Репетитор для моєї англійської, статус-бар для лімітів, палітри для Figma — плагіни й скіли під власну рутину.
Одеса, Україна. Займаюся дизайном з 1997 року — поліграфія, веб, освітні платформи з мільйонами відвідувачів, потім продукти для авіакомпаній, — а останні кілька років будую системи, які виконують дизайн-роботу: токени, компоненти, прототипи й AI-процеси, що складають усе це докупи.
Працюю віддалено з продуктовими та інженерними командами в різних часових поясах, англійською, і люблю відповідати за задачу від першого питання до запуску.
Англійська: B1 і зростає — щодня практикуюся з плагіном, який для цього зробив, — Language Tutor ↗
Люблю прог-рок і ембієнт, велосипед і хороший дизайн. Найкраще, коли хобі збігається з роботою, — так з’явився Wind2Ride.
Wind2Ride — мій фан-проєкт: планувальник маршрутів для велосипедистів, що враховує вітер. Роблю його у вільний час — якщо катаєтесь, спробуйте.