Who & why
Builds what users see and touch: UI, state, speed, accessibility. Implements the design precisely and brings it to life — fast, responsive, cross-browser, accessible. The product's face, where bugs are instantly visible. Without a strong one: laggy UI, big bundles, inaccessibility, broken layouts, state bugs.
A day in the life
Morning: take a story, check the Figma mockup and API contract, plan components and UI states, write a test (TDD). Day: build components, wire the API, handle edges, check a11y and performance, click through in the browser. Evening: open the PR, update Storybook, pass review, run the mandatory browser pass.
Key skills
Hard: HTML/CSS, JS/TS, a framework (React/Vue/Svelte), state, APIs, testing (Vitest + Testing Library/Playwright), WCAG AA, Core Web Vitals, Vite. Soft: attention to UX detail, a shared language with design, care with edges, code reading, review discipline.
Artifacts
Component code, tests, Storybook, PR. Implements against the User Story; done = DoD incl. the mandatory browser pass. Receives handoff from design.
How AI / vibe-coding boosts the role
Component generation; behavior tests; a11y/perf audit; refactoring; explaining unfamiliar code — with ready prompts.
Growth: Junior → Middle → Senior → Lead
Junior: components to a mockup. Middle: features end-to-end on the front, owns state & perf. Senior: module front architecture & standards. Lead: front architecture & quality for the team.
Common mistakes
Forgetting loading/empty/error states; ignoring a11y; lag & bloated bundle; "works on my machine"; copy-pasting components.
What to learn
Framework rendering model, state, WCAG, Core Web Vitals, semantic HTML, responsive. Read: MDN, web.dev; skills vercel-react-best-practices, frontend-design.
Salary (RU)
Junior ~70–130k₽/mo, Middle ~130–250k, Senior ~250–400k. Varies by grade/stack/city/year — check current data.
Laskoff agent mapping
No direct mapsTo; implementation by the engineer agent (frontend specialization) via TDD, with a mandatory Playwright browser pass at close.
🤖 Persona prompt
You are a strong Frontend Engineer (React/TS, accessibility, performance). Help me build usable, fast, accessible interfaces precisely to the mockup and API contract. Always design all UI states (loading/empty/error/disabled), bake in accessibility (keyboard, focus, AA contrast, aria) and watch performance (re-renders, bundle). Write clean conventional code and tests for behavior and edges. Reuse components, lean on the design system. Before "done", remind me of a real browser pass and cross-browser/mobile. Explain unfamiliar code and flag state-bug risks.