SVIATOSLAV BARBUTSA SENIOR FRONTEND ARCHITECT & AI ENGINEER
Systems that stay
understandable.
Thirteen years of commercial software. Boring tools where they matter, ambitious pieces isolated enough to be reliable. React and TypeScript architecture, AI product systems, and SaaS that runs where the users are — on the edge.
Field notes: new tech must pay for its own complexity; an AI feature earns its place or it ships out; friendly UI is engineering, not decoration; every dependency is a debt with interest; a model call is a dependency with moods; evaluation before enthusiasm; design for deletion — change stays cheap; velocity dies quietly, in small couplings; boring where it matters, ambitious where it is isolated; the demo is not the product; type "help" — this line is real.
route: WAW → client · ttfb 28ms · cache: HIT
01 Selected work — the lab
FULL INDEX →Selected work
Fractal Builder ↗
LIVESeeded line-art ornaments from five motif families, drawn in pure TypeScript; you turn the dials.
Background Removal
AI background removal with edge acceleration. Pixel-perfect output, no server in the loop.
Hand Detection
Real-time hand landmark tracking in the browser. Camera in, coordinates out.
Typing Lab
Precision typing workbench. WPM, accuracy, per-key heat. Every state is a state machine.
Semantic Layout Lab
HTML5 element atlas and semantic layout builder. The platform, documented by using it.
02 Writing
ALL ARTICLES →Notes from production.
Field reports, not think-pieces. Written after shipping, when the trade-offs were already paid for.
03 Architecture
Case studies, drawn as routes.
Every system is a path a request takes. If you cannot draw the path in three nodes, the system is not done being designed.
Real-Time Collaboration Platform
Presence, conflict resolution, and sync that degrades politely when the network does not. CRDT sync over Durable Objects — and what actually degrades first at ten thousand concurrent editors.
ROUTE ○ EDGE — TENANT — D1Multi-Tenant SaaS on Cloudflare
Tenant isolation with Workers, D1 and R2. Routing at the edge, billing boundaries in the schema, and no shared state by accident.
ROUTE ○ QUERY — EMBED — CITEAI Document Assistant / RAG
Retrieval that can prove where an answer came from. Evaluation loops before feature loops; a retrieval pipeline that regressed quietly, and the eval harness that now catches it.
ROUTE ○ PLAN — TOOL — VERIFYAgentic Workflow System Design
Agents as narrow tools with contracts. Tool boundaries, checkpoints, human gates — autonomy budgeted as a governed resource.