Odesa, Ukraine · designing since 1997

Yevhen Peshynskyi

Design automation engineer — I turn design work into tools and AI workflows.

I build the systems behind the design: booking used by , that turn a brief into a working prototype, and I took from idea to the stores alone.

Tap a phrase — its work opens below.

My fun project — an app for cyclists.

Yevhen Peshynskyi, in a grey cap, by the sea in Odesa
I design how it works. Agents make it work.

Selected work

10 · tap a row to open

  1. How it was built

    Screens are under NDA, so this is a schematic. Real screens on request.

    Front-end architecture lead · design + build

    An agentic pipeline from design to development was built: a feature goes from task to tested code in days instead of weeks, without a Figma stage or a separate design department. Prototypes in two variants give the business the best solution; testing shrank from weeks to hours.

    A customer data platform for airlines, designed in code instead of Figma. The usual way — a Figma mock-up, a handoff, weeks of building, manual testing — is replaced by a pipeline: research, an HTML prototype in two variants, my pick, then planner, coder, verifier and reviewer agents in Claude Code build it on the design system, and a tester skill walks every flow as a real client, role by role. In the last comparison it caught 70% of what a human tester found, and the human missed 80% of what it found. I lead the front-end architecture in a team of five: the structure, the design system — 96 components in three tiers, with Storybook as the reference — and the logic of every feature. About half of the front end came out of my sessions.

    80%
    of the tester skill's finds were missed in manual testing (last run)
    96
    design-system components in 3 tiers: base, domain, ai
    1,309
    Storybook stories in 343 files
    393
    of 777 commits are mine

    Made with Vue 3.5 · Vite 7 · TypeScript strict · Pinia · Storybook 8 · Vitest · Playwright e2e · Lighthouse CI · Laravel backend · Claude Code (5 agents · 13 skills)

  2. How it was built

    Concept · next

    Screens are under NDA, so this is a schematic. Real screens on request.

    Solo · design + build · 140 of 140 commits

    Styling a booking engine for a new airline used to take about a month of design and front-end work; here it is a day: components picked in the admin, the brand in one JSON. Airlines swap components quickly and test them — and raise conversion.

    One booking engine for any airline, built by AI agents — a harness of 5 agents and 32 skills — without Figma, by one person. Where a new airline normally means a month of restyling, here each airline picks its components in the admin and its whole style is one JSON — a day's work. It began with research into competitor airlines, platforms and UX patterns. The front end talks to any airline's backend through one contract: it asks which of 28 capabilities the backend can serve and hides what it can't. The next step is the main idea: a front end that adapts to each passenger, composed from Paximizer CDP advice — the order of steps, the offers, the layout — with the total price always in view.

    9
    funnel screens, from search to check-in, plus an admin panel
    32
    agent skills; 5 agents: analyst, builder, tester, reviewer, themer
    28
    capabilities — pages hide blocks the backend cannot serve
    1,368
    tests

    Made with 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

  3. How it was built

    Weekly researchUpdatingLive · Wk 43
    • Loyalty programmes rethink tiersTrade press · 20 Oct
    • Ancillary revenue outlook 2026Analyst report · 19 Oct
    • What buyers asked this monthOur sales calls · 17 Oct
    • What passengers expect in a delayIndustry survey · 15 Oct

    8 live topics

    • Product tour4 src
    • Loyalty 20263 src
    • Ancillaries3 src
    • One profile2 src
    • Disruption3 src
    • AI in CRM2 src
    • Churn signals2 src
    • Q4 roadmap1 src
    plan.mdNext 2 weeks4 briefs
    MonTueWedThuFriWk 4426–30 OctWk 452–6 Nov2627Product tourBrief · 09:002829Loyalty 2026Brief · 09:003023AncillariesBrief · 09:0045One profileBrief · 09:006
    Weeks 3–6 · outlines
    • Wk 46Disruption
    • Wk 47AI in CRM
    • Wk 48Churn signals
    • Wk 49Q4 roadmap
    Brief · Tue 27 OctProduct tour
    • Made
    • Approved
    • Live
    pax-deck kit65 slide types
    Aa InterAa Mono
    • One idea per slide
    • Sample-data footer
    • Every slide shot and checked
    • cover
    • chain
    • figures
    • versus
    • scene-flaps
    • scene-route
    deck.html6 slides
    Cover: Insight to action
    The Activation Layer: one profile over PSS, RMS, loyalty, DCS, web and app
    Journeys that build themselves: a journey drawn from one sentence
    From prompt to launch in minutes: the AI mailing editor
    One passenger, one story: two records merged into one
    Here’s your month: the campaign dashboard
    product-tour.mp4Voice: Kokoro, local
    0:30 / 2:34RenderingMP4 ready
    • Deck
    • Post
    • Voice
    • Video
    PPPAX Pitchbot
    Needs a human: Thu brief has no source09:12
    2:34Post ready — approve?LinkedIn · X · Threads · Tue 09:0010:41
    ApproveDon’t approve
    Approved. Scheduled for Tue 09:00.10:42
    PPaximizerCompany pageScheduledPublished

    One sentence in, a whole journey out.

    2:34
    ScheduledPublishedTue 09:00
    PPaximizer@paximizerScheduledPublished

    From prompt to launch in minutes.

    Reel
    ScheduledPublishedTue 09:00
    PPaximizerpaximizerScheduledPublished

    One passenger, one story — every system in one profile.

    ScheduledPublishedTue 09:00
    paximizer.comInsightsScheduledPublished

    Product tour: a journey from one sentence

    ScheduledPublishedTue 09:00

    Design + build · 358 of 369 commits

    Research, a content plan, decks, posts and narrated videos — a marketing department's weekly output — run themselves. A deck that took a designer days is ordered from the web admin or Telegram and generated on the server by an AI model in minutes.

    A presentation and content studio that does the work of a marketing department: no designer drawing decks, no manager picking materials. Every week it researches what to post about and plans two weeks ahead, with briefs. Decks, posts, narration and video are built on one design system with templates and rules, voiced by a free local voice. A web admin runs it all — the calendar, decks, posts — and decks are generated on the server by an AI model; a Telegram bot handles approvals and urgent orders, minutes instead of days; published posts are cross-posted to paximizer.com.

    65
    slide types
    2
    TTS engines
    358
    of 369 commits are mine

    Made with deck.json · HTML deck + slide screenshots · Kokoro-82M local TTS or Edge TTS · realtime capture → MP4 · self-contained publish · Telegram bot · web admin

  4. How it was built

    LandingPromo kit

    Idea

    Plan your whole week
    in one tap.

    Competitor sites3 compared
    Site ASite BSite C
    Clear promise
    Shows the product
    One clear CTA
    Social proof
    Score3/42/41/4

    What they missNo product shown above the foldTwo CTAs compete for the click

    The angleShow the week itself

    Landing · MobileLanding · DesktopWireframePolished
    How it worksPricingGet the app

    Plan your whole week
    in one tap.

    To-dos, meetings and habits, sorted into a week that fits.Get the appHow it works
    This weekOct 20–26MTWTFSS
    Auto-planOne tap, doneRemindersAt the right timeWeekly reviewWhere time went
    Banner: Plan your whole week in one tap, with the week view
    Banner1200×628
    Story: Your whole week, in one tap
    Story9:16
    Sales slide: Your week, in one tap
    Slide16:9
    Store screenshot: Plan your week in one tap
    Store1290×2796
    paximizer.com on a phone: Insight to action, the AI-first customer data platform for airlines and hospitality
    paximizer.com
    wind2ride.app on a phone: Every great ride starts the day before
    wind2ride.app
    The WebSky Tech promo site on a phone: Empowering your growth and revenue potential
    WebSky Tech· Behance
    Many more since 2010 — offline now or under NDA. On request.

    Design + build

    The whole package — site, promo kit, sales materials — from one person instead of an agency or a marketing design team. paximizer.com left Webflow without a single broken link.

    I package a product completely — the interface, the site and all the sales and promo materials — so no agency or marketing design team is needed. Each site starts with research — competitor sites side by side, what they say and what they miss — then wireframes, the design and the promo kit. paximizer.com replaced Webflow and kept all 91 legacy URLs, so not a single link broke; wind2ride.app carries route share pages, club invites and a video guide. Many more sites since 2010 are offline now or under NDA — I show them on request.

    91
    legacy URLs kept when paximizer.com left Webflow
    2
    languages on wind2ride.app: EN and UK

    Made with Astro 5 + GSAP (paximizer.com) · HTML + Netlify functions (wind2ride.app) · Figma (WebSky Tech promo site)

  5. How it was built

    A route planner that reads the wind

    Wind2Ride on iPhone: an Odesa round trip coloured by the wind, arrival details and the elevation profile
    600+riders so far
    Download on the App StoreGet it on Google Play

    Solo — from the idea to the store

    Product, design, build, store release and support — a small product team's work, done by one person in spare time. 600+ riders so far.

    I'm a cyclist, and I build an app for cyclists — alone, from the idea to the stores, doing what a small product team does: the product, the design, the build, the releases and the support. It began with a ride into a headwind and an analysis of how wind data can score a route, segment by segment. Riders tested it in a beta and reported from the app with screenshots; then came the social side — clubs and group rides. On Google Play, and on the App Store since summer 2026.

    600+
    riders so far
    415+
    commits
    9
    releases
    10
    API integrations

    Made with React Native / Expo · TypeScript · 10 API integrations · 6 languages

  6. How it was built

    pax-kbMCP server · Node + TypeScriptRunning

    Tools · 8

    • 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
    pax-kbMCP · 8 tools · 10,005 fragments

    Pax, how does the segment filter work?

    • kb_search"segment filter"
    • kb_get_entity"SegmentGroups"
    • kb_get_components_for_ui"segments"
    Paxillustrative

    Segments are groups of conditions: each picks a passenger property and a value; groups join with AND or OR.

    Sources

    • SegmentGroups.docs.md
    • SegmentGroupCondition.docs.md
    • <SegmentPropertySelector>
    Ask Pax about the project…

    Architect and author

    A context generator for AI: any question about the product — a business rule or a line of code — answered in seconds instead of hours of digging. It cut the training of many colleagues to minutes and the tokens agents burn on context.

    A knowledge base an AI can ask — a context generator. A question about the product that used to take hours of digging through old code and docs, or days of onboarding for a newcomer, is answered in seconds, from a business rule to a line of code. I documented the old front end and back end, indexed it into a RAG, and built an MCP server, so any AI agent could ask the project and get full context for any task.

    10,005
    indexed fragments: 8,854 front end, 1,151 back end
    769
    docs
    8
    MCP tools
    27
    agents

    Made with Node + TypeScript MCP server · FAISS embeddings (768-d) · RAG · MCP tools: 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

  7. How it was built

    Fare bundles in the real booking engine: Economy Rare and Economy Medium, each with bag, seat, meal, change and refund options
    +5%conversion in an A/B test (preliminary)
    View the case on Behance ↗

    Lead Product Designer, WebSkyTech

    Booking used by 20+ airlines. Tokens turned a new airline's branding from weeks of manual restyling into a token set applied in days; the redesigned flow added +5% conversion in an A/B test (preliminary).

    A fully customizable booking engine for airlines — used by 20+ of them. Brand customization moved from manual restyling, weeks per airline, to design tokens applied in days. Research came first — airline constraints like PNR, SSR, fare rules and baggage — then the booking logic in wireframes, design tokens for multi-brand theming, the interface, tests on clickable Figma prototypes (+5% conversion in an A/B test, preliminary), and a handoff to the front-end team.

    20+
    airlines use the booking products I designed
    +5%
    conversion in an A/B test of the redesigned booking flow (preliminary)
    400+
    customizable components

    Made with Figma · design tokens · multi-brand theming

  8. How it was built

    CDP v1, the real interface: the menu and the 360° passenger profile with the loyalty card, personal info, bookings and issues
    6modulesMVP → production
    View the case on Behance ↗

    Product designer, MVP to production

    Designed on real API models of four airline systems, so the front end was built once — no redesign loops when the data arrived. Six modules, MVP to production, one designer.

    A customer data platform for airlines, designed in Figma and taken from MVP to production by one designer. The design rested on real API models from four airline systems, so the screens matched the data from the start and the front end was built once, without redesign loops. Most of the work was variants: every component drawn in several versions, tested against each other, the right one kept — across analytics, passenger profiles, loyalty, campaigns, support and monitoring, with roles, states and edge cases.

    4
    airline systems (PSS, DCS, FFP, CRM) in one 360° passenger profile
    6
    modules, from client profiles to scenario automation

    Made with Figma · real API models · roles and states

  9. How it was built

    ABPicked
    20+wireframe screens developed and tested
    The real airline website: eight mobile screens — search, destinations, extras, routes, baggage, a flight calendar, transfers and hotels, and a flight board
    26screens across 4 breakpoints
    View the case on Behance ↗

    Lead Product Designer, WebSkyTech

    A constructor kit for airline websites: a site for any airline is assembled from block variants and styled to its brand in days, instead of a bespoke design project of weeks.

    A constructor kit for airline websites — one template restyled for any airline (white label) — so a new airline's site is assembled in days instead of designed from scratch over weeks. Research into what every airline site needs, 20+ wireframe screens tested, semantic tokens with light and dark themes, a component library with variants — and a constructor: pick a variant of each block and the site assembles in the airline's brand.

    26
    screens across 4 breakpoints
    20+
    wireframe screens tested
    8
    search widgets, 10 hero banners, 8 footers — all with variants

    Made with Figma · Notion · semantic tokens · light and dark themes

  10. Kryakl

    Windows app

    A free app: work faster and learn English along the way. Select any text, press Ctrl+C twice, hear it in English with the translation. Offline: nothing leaves the computer.

    How it was built

    Work faster, learn English along the way

    Free · Offline · Nothing leaves the computer

    Muse

    Claude Code skill

    Finds an original design direction and builds it without breaking the design system. This page was designed with it. Open source.

    How it works

    Original design, inside the design system

    Tutor

    Claude Code plugin + VS Code panel

    Coding sessions become language lessons: my English, corrected and explained while I work. Built for my own English. Open source.

    How it works

    Coding sessions become English lessons

    Chameleon

    Figma plugin

    One base colour gives full light and dark palettes, with an A11Y mode and export to Figma Variables.

    How it works

    One colour, two full palettes

    Follow the Path

    Figma plugin

    Spreads objects along any path or shape outline, with flexible spacing and rotation along the curve.

    How it works

    Objects follow any path

    Built for my own work

    Every tool takes a repeated manual step out of the day for good. Muse did a studio's design exploration for this page — 23 directions, a jury, 3 sketches — in one session instead of weeks.

    I can automate any workflow, and every tool here removed a repeated manual step for good. When a step repeats, I first look for a tool that already does it, and build one when none fits: skills, plugins and apps for real, repeated work. Kryakl began as a tool for myself and grew into a free app my friends use. Muse, a Claude Code skill, designed this page the way a studio would, in one session: 23 directions, an independent jury, an idea board, 3 sketches.

    1
    free Windows app
    2
    Figma Community plugins
    1
    Claude Code skill
    1
    Claude Code plugin

    Made with Windows app · Claude Code skill · Claude Code plugin · Figma plugins

Skills

Hard skills 06

  1. AI agents & harnesses

    I set up the harness — agents, skills, hooks, MCP servers, RAG — so the AI works by the project's rules.

  2. Front end with AI agents

    I set the architecture, the structure and the checks; agents write the code (Vue, React Native, Astro).

  3. Product logic & UX

    Flows, scenarios, roles and states, down to the data model: how it works before how it looks.

  4. UI & design systems

    Composition and typography; tokens, components and multi-brand theming, with Storybook as the reference.

  5. Design tools

    • Figma
    • Token Studio
    • Photoshop
    • Illustrator
    • InDesign
  6. Automation & work tracking

    Workflows, tasks and time: from self-built databases to Notion and trackers.

Soft skills 04

  1. Talking to AI — and arguing with itmain

    • Plan first — we write the plan together; I approve it before any work starts.
    • Rules — what it may do and what it may not: permissions, hooks, checks.
    • Judgment — I weigh its proposals and argue when they're wrong.
    • Counsel — I ask for options and methods, not just answers.
  2. Knowing what not to hand to AI

    AI where it pays off; a ready-made engine (a free local voice), a script or a drawing where it doesn't; animation only where it explains something.

  3. Owning the problem

    From the first question to the shipped thing.

  4. If a tool is missing, I build it

    A tutor for my English, a status bar for my limits, palettes for Figma — plugins and skills for my own repeated work.

Experience

CVPDFDOCX

  1. 1997–2010Graphic designerPrint and web: ad agencies, TV and radio companies, printing houses
  2. 2010–2021Cloudlessons / freelanceLead Web Designer; education platforms with millions of monthly visits
  3. 2021–2023WebSkyTech Lead Product Designer
  4. 2023–nowPaximizer Product Design Technologist

About

Odesa, Ukraine. I've designed since 1997 — print, web, education platforms with millions of visitors, then airline products — and for the last few years I've been building the systems that do the design work: tokens, components, prototypes and the AI workflows that put them together.

I work remotely with product and engineering teams across time zones, in English, and I like owning a problem from the first question to the shipped thing.

English: B1 and rising — I practise every day with the plugin I built for it, Tutor ↗

Have a product to build or a design system to untangle? Let's talk.

Wind2Ride is my fun project: a route planner for cyclists that reads the wind. I build it in my spare time — if you ride, give it a try.