.
Senior Frontend Developer (Design-System & AI) @ mServices
  • Łódź
Senior Frontend Developer (Design-System & AI) @ mServices
Łódź, Łódź, Łódź Voivodeship, Polska
mServices
11. 2. 2026
Informacje o stanowisku

Szukamy inżyniera, dla którego Design System to żywy organizm, a AI to nowa kategoria interakcji, którą trzeba oswoić i ustandaryzować. Twoim zadaniem będzie budowa fundamentów pod nową generację produktów – interfejsów, które nie tylko wyświetlają dane, ale aktywnie współgrają z modelami językowymi (LLM).

To nie jest rola polegająca na „podpięciu API do przycisku”. To projektowanie przewidywalnych systemów dla nieprzewidywalnych danych. Będziesz architektem komponentów, które z gracją obsługują streaming tekstu, asynchroniczne stany niepewności i dynamiczne zmiany układu, zachowując przy tym rygorystyczne standardy naszego Design Systemu.

Dlaczego to wyzwanie?

  • Standardy ponad wszystko: Wykorzystasz @react-aria, aby zapewnić, że nawet najbardziej egzotyczne wzorce AI (jak Generative UI) będą w pełni dostępne (WCAG), responsywne i solidne.
  • Architektura odpowiedzi: Będziesz projektować sposób, w jaki surowy tekst z LLM zamienia się w bogate, interaktywne komponenty z naszej biblioteki — z płynnymi animacjami i bez skakania layoutu.
  • Design Ops i AI: Nie tylko budujesz komponenty, ale tworzysz narzędzia. Chcemy, abyś wdrażał automatyzację, która pomoże innym zespołom adoptować Twój system w ich aplikacjach.
  • Głębokie zrozumienie: Szukamy osób, które wiedzą, jak zdebugować urwany stream SSE, zoptymalizować bundle size biblioteki komponentów i dlaczego 2-pikselowe przesunięcie w tokenach projektowych ma znaczenie dla skali całego banku.

Co budujemy?

Produkt, który trafi do milionów użytkowników. Tu nie ma miejsca na kod z tutoriala. Liczy się wydajność (Core Web Vitals), bezpieczeństwo typów (zaawansowany TypeScript) i kod, który za dwa lata będzie tak samo czytelny i utrzymywalny jak dzisiaj.

Co oferujemy?

Wynagrodzenie:

  • 15 000 – 20 000 PLN netto (kontrakt B2B)
  • Stawka zależy od poziomu doświadczenia i jakości portfolio
  • Transparentny proces oceny – powiemy Ci, gdzie się plasujesz i dlaczego

Tryb pracy:

  • Kultura remote-first (biura w Warszawie dostępne dla chętnych)
  • Elastyczne godziny – core hours na synchronizację zespołu, reszta do Ciebie
  • Nowoczesny sprzęt: MacBook Pro lub odpowiednik, monitory, akcesoria

Rozwój i nauka:

  • Praca nad projektami AI na czele technologii — będziesz wcześnie przy wzorcach GenAI
  • Budżet na konferencje
  • Czas na naukę wbudowany w sprinty
  • Mały zespół = duży wpływ — Twoja praca bezpośrednio wpływa na kierunek produktu

Zespół i kultura:

  • Współpraca z inżynierami backend i AI (Node.js / Python / FastAPI)
  • Autonomia w decyzjach technicznych
  • Regularne sesje dzielenia się wiedzą: lunch & learns, tech talks

1. Doskonałość we frontendzie

Masz lata doświadczenia w budowaniu skalowalnych bibliotek komponentów i zaawansowanych interfejsów. Rozumiesz, że Design System to żyjący produkt, nie tylko zbiór przycisków.

  • React & Next.js: Budujesz wydajne portale dokumentacji (Styleguides) z najwyższym Developer Experience.
  • TypeScript w architekturze UI: Projektujesz bezpieczne, elastyczne API komponentów. Generyki, Polymorphic Components i Compound Components to Twoja codzienność.
  • Architektura stylów i Design Tokens: Pracujesz z Tailwind, Styled Components, SCSS lub CSS Modules. Rozumiesz tokeny jako Single Source of Truth.
  • Jakość i dostępność (A11y): Optymalizujesz pod Core Web Vitals i dbasz o zgodność z WCAG 2.1.
  • Nice to have: Znajomość Angulara pomoże w tworzeniu spójnych doświadczeń w ekosystemie multi-framework.

2. Inżynieria Interfejsów w erze AI (Nice to have)

Nie tylko korzystasz z modeli AI – rozumiesz, jak zmieniają one interakcję użytkownika z interfejsem.

  • Komponenty wspierające LLM: Projektujesz wzorce UI dla AI – inteligentne pola input, interfejsy chatowe, dynamiczne generowanie widoków.
  • Automatyzacja Design Systemu przez AI: Wykorzystujesz LLM do generowania dokumentacji Storybook, opisów JSDoc i testów jednostkowych.
  • Prompt Engineering w kontekście UI: Konstruujesz prompty wymuszające zgodność generowanego kodu ze standardami Twojego systemu.
  • Obsługa stanów niepewności: Projektujesz odporność na hallucinations, timeouty API i błędy parsowania odpowiedzi.
  • Optymalizacja pod AI: Równoważysz bogatą funkcjonalność z Core Web Vitals i kosztami tokenów po stronie klienta.

3. Architektura UI i Rzemiosło Systemowe

Design System to produkt dla programistów i projektantów. Elastyczność i sztywność systemu muszą współistnieć w idealnej równowadze.

  • Ekosystem komponentów: Tworzysz biblioteki od zera. Pokaż portfolio lub repozytoria z reużywalnymi komponentami wysokiej jakości.
  • Design Tokens jako SSOT: Zarządzasz kolorami, typografią i odstępami systemowo – zmiana w jednym miejscu propaguje się bezpiecznie w całym ekosystemie.
  • A11y „by design": Budujesz dostępność od podstaw – zarządzanie focusem, role ARIA, obsługa czytników ekranu. WCAG to nie checklista na koniec projektu.
  • Pixel-Perfect w skali: Masz oko do detali, ale zamiast naprawiać piksele, naprawiasz system – szukasz błędu w tokenach lub niespójności w Figmie.

Mile widziane – wyróżnisz się

Kompetencje T-shaped:

  • Platform engineering: Publikacja paczek NPM, wersjonowanie SemVer, automatyzacja wydań przez CI/CD (GitHub Actions).
  • Automatyzacja Design Tokens: Style Dictionary lub Token Transformer do konwersji tokenów z Figmy do kodu.
  • Angular: Doświadczenie z Angular CDK i RxJS. Umiesz mapować wzorce z Reacta na specyfikę Angulara.
  • Python: Skrypty automatyzujące i biblioteki GenAI wspierające inteligentną dokumentację systemu.

Zaawansowane wzorce AI:

  • AI-First UI: Implementacja interfejsów adaptujących się do odpowiedzi modelu (Generative UI – LLM decyduje, który komponent wyrenderować).
  • Optymalizacja Prompt Engineeringu: Uczysz modele LLM zasad swojego systemu przez systemowe prompty i few-shot learning.

Przywództwo i Advocacy:

  • Developer Advocacy: Prowadzisz office hours, piszesz RFC, przekonujesz zespoły do dobrych praktyk.
  • Ewangelizacja A11y: Dzielisz się wiedzą i prowadzisz code review z naciskiem na dostępność.
  • Open Source: Aktywne kontrybucje w projektach UI, Design Systems lub AI SDKs.

Nasz stos technologiczny

  • Core: React, TypeScript, styled-components
  • Logic & A11y: @react-aria, @floating-ui, react-stately
  • Data & Viz: chart.js, date-fns, swiper, lottiefiles
  • Testing: Playwright, Axe-core, Jest, Testing Library
  • Tooling: Webpack, Vite, Esbuild, Babel, Jscodeshift
  • Docs: React Styleguidist, Next.js

Szukamy inżyniera, dla którego Design System to żywy organizm, a AI to nowa kategoria interakcji, którą trzeba oswoić i ustandaryzować. Twoim zadaniem będzie budowa fundamentów pod nową generację produktów – interfejsów, które nie tylko wyświetlają dane, ale aktywnie współgrają z modelami językowymi (LLM).

To nie jest rola polegająca na „podpięciu API do przycisku”. To projektowanie przewidywalnych systemów dla nieprzewidywalnych danych. Będziesz architektem komponentów, które z gracją obsługują streaming tekstu, asynchroniczne stany niepewności i dynamiczne zmiany układu, zachowując przy tym rygorystyczne standardy naszego Design Systemu.

Dlaczego to wyzwanie?

  • Standardy ponad wszystko: Wykorzystasz @react-aria, aby zapewnić, że nawet najbardziej egzotyczne wzorce AI (jak Generative UI) będą w pełni dostępne (WCAG), responsywne i solidne.
  • Architektura odpowiedzi: Będziesz projektować sposób, w jaki surowy tekst z LLM zamienia się w bogate, interaktywne komponenty z naszej biblioteki — z płynnymi animacjami i bez skakania layoutu.
  • Design Ops i AI: Nie tylko budujesz komponenty, ale tworzysz narzędzia. Chcemy, abyś wdrażał automatyzację, która pomoże innym zespołom adoptować Twój system w ich aplikacjach.
  • Głębokie zrozumienie: Szukamy osób, które wiedzą, jak zdebugować urwany stream SSE, zoptymalizować bundle size biblioteki komponentów i dlaczego 2-pikselowe przesunięcie w tokenach projektowych ma znaczenie dla skali całego banku.

Co budujemy?

Produkt, który trafi do milionów użytkowników. Tu nie ma miejsca na kod z tutoriala. Liczy się wydajność (Core Web Vitals), bezpieczeństwo typów (zaawansowany TypeScript) i kod, który za dwa lata będzie tak samo czytelny i utrzymywalny jak dzisiaj.

Co oferujemy?

Wynagrodzenie:

  • 15 000 – 20 000 PLN netto (kontrakt B2B)
  • Stawka zależy od poziomu doświadczenia i jakości portfolio
  • Transparentny proces oceny – powiemy Ci, gdzie się plasujesz i dlaczego

Tryb pracy:

  • Kultura remote-first (biura w Warszawie dostępne dla chętnych)
  • Elastyczne godziny – core hours na synchronizację zespołu, reszta do Ciebie
  • Nowoczesny sprzęt: MacBook Pro lub odpowiednik, monitory, akcesoria

Rozwój i nauka:

  • Praca nad projektami AI na czele technologii — będziesz wcześnie przy wzorcach GenAI
  • Budżet na konferencje
  • Czas na naukę wbudowany w sprinty
  • Mały zespół = duży wpływ — Twoja praca bezpośrednio wpływa na kierunek produktu

Zespół i kultura:

  • Współpraca z inżynierami backend i AI (Node.js / Python / FastAPI)
  • Autonomia w decyzjach technicznych
  • Regularne sesje dzielenia się wiedzą: lunch & learns, tech talks
,[Budowa biblioteki komponentów: Projektowanie i implementacja reużywalnych komponentów w React (18+)., Zarządzanie Design Tokens: Rozwijanie Single Source of Truth dla stylów, zapewniając spójność między Figmą a kodem (CSS/JSON/TS)., Zapewnienie Dostępności (A11y): Implementacja standardów WCAG 2.1 AA na poziomie bazowych atomów i molekuł systemu (zarządzanie focusem, ARIA, nawigacja klawiaturą)., Utrzymanie Dokumentacji: Rozwój interaktywnej dokumentacji w Styleguidist lub Storybook, dbając o wysoki Developer Experience (DX)., Interfejsy dla LLM: Tworzenie dedykowanych wzorców UI dla rozwiązań AI, w tym zaawansowanych komponentów czatu i dynamicznych formularzy., Generative UI: Budowa fundamentów pod interfejsy adaptujące się do strukturalnych odpowiedzi z modeli językowych., Automatyzacja Toolingu: Tworzenie generatorów kodu i skryptów do masowych migracji, ułatwiając adopcję systemu w organizacji., Dystrybucja i Wersjonowanie: Zarządzanie cyklem życia paczek NPM, wersjonowaniem semantycznym (SemVer) oraz procesami CI/CD dla biblioteki., Quality Assurance: Zapewnienie regresji wizualnej oraz dbanie o wydajność komponentów (Core Web Vitals)., Wsparcie Zespołów Produktowych: Konsultowanie implementacji Design Systemu w aplikacjach klienckich oraz prowadzenie Code Review., Współpraca z Designem: Przekładanie skomplikowanych wzorców z Figmy na logiczne, techniczne specyfikacje komponentów. Requirements: React, TypeScript, Design System, R, Next.js, Styleguides, C, API, Tailwind, SCSS, CSS, WCAG, Angular, AI, UI, JSON, Markdown, CA, npm, GitHub Actions, AWS CDK, RxJS, Python, Open source, Testing, Webpack, Babel

  • Praca Łódź
  • Łódź - Oferty pracy w okolicznych lokalizacjach


    122 250
    18 528