Back to portfolio
my career transition · v2026

UI Engineer → AI Engineer
a map I built for myself, not generated for everyone

I am a frontend engineer with 12+ years in UI/Product, and this is the route I am following to add AI engineering to my toolkit. My frontend background is not a weakness here — it is the multiplier. I am not starting from zero; I am bolting an AI layer on top of skills I already have: React, state management, API contracts, evals, and shipping UI at scale. The phases below are what I actually study, the projects I actually build, and the resources I keep open on my desk.

free paid bookP0…P6 — stations I am tracking
Resources go stale fast —This is my personal filter. I hold on to principles — RAG, evals, agents, orchestration — and let specific API versions change underneath me. A 2024 course without agents and MCP is already dated; the anchor books are about fundamentals, not news.
P0 · MONTH 1

Foundation: Python + how LLMs think

I did not come here to learn programming from scratch. I came here to port the way I already think — async, state, API contracts — into Python. My first goal is to rewrite one of my own JS utilities in FastAPI and understand how an LLM behaves as a dependency, not a magic box.

buildPort one of my own JS utilities to FastAPI and make my first tool call. Then write about it so the learning sticks.
P1 · MONTHS 1–2

LLM APIs + prompt engineering

I want to stop 'trying prompts' and start treating LLMs as a production dependency: function calling, structured output with Pydantic, streaming, retries, and token accounting. This is where I get my API discipline right.

P2 · MONTH 2

RAG — the backbone of most job specs

Almost every AI-engineering job posting I see mentions RAG. I am building it from scratch: chunking, embeddings, vector stores, hybrid search, and reranking. This is where frontend-to-backend integration becomes real.

build · project 1A streaming chat with a RAG backend. The React frontend is where I move fast; the retrieval layer is where I prove the skill.
P3 · MONTH 3

Evals + MLOps — my differentiator

I noticed that most junior AI resumes have a chat demo and no metrics. I want to be the one who ships with evals: golden datasets, LLM-as-judge, regression tracking, and Docker/CI pipelines. This is my lever for standing out.

buildWire evals into my RAG project and publish before/after scores. This is the strongest 'scholarly' proof I can add to a portfolio.
P4 · MONTH 4

Agents

Agents feel like a state machine with tool calls, which is already close to my Redux and async-flow comfort zone. I am mapping nodes to reducers, state to store, and tool calls to side effects. LangGraph is my on-ramp here.

build · project 2An AI code-review assistant on LangGraph + a React dashboard. This is where my UI strength becomes a moat.
P5 · MONTH 5

Cloud + deployment + scale

I want to know enough to ship and argue about cost. I pick Azure first because it dominates Polish enterprise, and AWS second because it dominates product/US companies. I am not trying to become a DevOps engineer — I am trying to own the full loop.

build · project 3 (flagship)A multi-agent system with real-time visualisation. Frontend-heavy execution is where 90% of AI engineers are weaker than I am.
P6 · MONTH 6

Portfolio + hiring + public track

My output target is three shipped frontend+AI projects, 5 written articles, and open-source work with real adoption. This is both a hiring portfolio and proof of original work. I am not just studying; I am publishing evidence.

shipPolish the 3 projects, publish the articles, and grow open-source adoption. Then I interview and apply to a short, targeted list of companies.
OUT · MONTH 6+

Endpoint: frontend + AI, shipped in public

My target is a working frontend+AI skill stack, a portfolio that proves it, and a public track of articles and open-source work. From there I am looking for a strong product-engineering role — either in a company that uses AI heavily, or a relocation-track opportunity that values the hybrid skill set.

How to read this map: P0–P6 is the exact 6-month track I am running. I am not following every resource in order; I am using them as references while I build the projects listed in each phase.

My frame: AI engineering is the engine, not a side hustle. Content and YouTube are background noise unless they directly support a project or article. I keep that time-boxed so it never replaces the actual skill building.

This page's performance

UI → AI roadmap · full page load
LCP
—
CLS
0.000
INP
—
FCP
—
TTFB
—
RENDER
—

Measured live in your browser for this page only — observers reset on every route change. Full diagnostics →