> Markdown version of [/jobs/ext/4000232-frontend-ai-engineer](https://www.wearedevelopers.com/jobs/ext/4000232-frontend-ai-engineer). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# FRONTEND AI ENGINEER

- **Company:** Newpage Solution Inc
- **Location:** Dundry, UK
- **Experience:** Experienced
- **Salary:** £70,000.0 - £75,000.0
- **Contract:** Permanent contract
- **Skills:** Adobe Analytics, Clean Code Principles, JavaScript (Programming Language), Adobe InDesign, Artificial Intelligence, Amazon Web Services, User Authentication, Continuous Integration, D3.Js, Data Visualization, Cursor, Github, Ui Patterns, Next.js, Screen Reader, Data Streaming, TypeScript, Web Content Accessibility Guidelines, WebSocket, Data Logging, Network Routers, Okta, Tailwind, GitHub Copilot, ReactJS, Large Language Models, Claude Code, Material UI, Information Technology, Playwright, Cloudflare, Drilldown, Real Time Data, Plotly, Front End Software Development, React Redux, React Testing Library, JestJS
- **Published:** October 29, 2026
- **Apply:** https://www.adzuna.co.uk/jobs/details/5944849725

## About the Role

* 3+ years modern front-end engineering experience, production-grade.
 * Bachelor's or Master's in Computer Science, Design Engineering, or a related discipline (or equivalent demonstrable experience).
 * Strong React 18+ and TypeScript fundamentals, with hands-on Next.js (App Router) or equivalent meta-framework experience.
 * Data visualization experience: radar/spider charts, multi-level drill-down dashboards, real-time data views. Hands-on with at least one of Recharts, Visx, D3.js, Plotly, or ECharts.
 * Streaming UI experience: Server-Sent Events, streaming fetch, real-time data patterns, chat-style interfaces with progressive rendering.
 * Component architecture and design-system implementation. Hands-on with Tailwind CSS and at least one component library (shadcn/ui, Radix UI, Material UI, or Mantine).
 * Strong state management with TanStack Query plus one of Zustand, Redux Toolkit, or Jotai.
 * Forms and validation: React Hook Form + Zod or equivalent.
 * Testing discipline: Vitest or Jest, React Testing Library, Playwright (or equivalent) for E2E.
 * WCAG 2.1 AA conformance, keyboard navigation, ARIA patterns.
 * Active, structured use of AI-assisted development tools (Claude Code, Cursor, GitHub Copilot) with demonstrable workflows.
 * Comfortable iterating from evolving designs and co-shaping interaction patterns rather than executing fixed specs.
 * Strong attention to information hierarchy: you can hold multiple audiences with different mental models in your head on the same product.
 * A real, recent trail of built things: GitHub, a portfolio, side projects, indie tools, or OSS contributions.
 * A no-compromise attitude on clean code, performance, accessibility, and user experience.

Bonus Skills / Experience

 * Experience building front-ends for LLM-powered products: streaming chat UIs, evidence citation surfaces, agent interaction patterns.
 * Design tokens and design-system implementation experience at scale.
 * Storybook for component documentation.
 * Real-time data patterns: WebSockets, server-driven UI, optimistic updates.
 * Authentication flows with enterprise SSO providers (Okta, Auth0, Entra ID, or equivalent).
 * Healthcare or life sciences domain exposure.
 * Public writing, talks, or threads about building with AI.

## Description

* Build production-grade front-ends in React 18+ with TypeScript, using Next.js (App Router) or equivalent meta-frameworks (Remix, TanStack Start).
 * Implement streaming UI patterns for chat interfaces and agent interactions: Server-Sent Events, streaming fetch, optimistic updates, partial rendering.
 * Build dense, real-time dashboards with multi-level drill-down (portfolio segment entity task) and multi-view visualizations.
 * Implement data visualizations using Recharts, Visx, D3.js, Plotly, or ECharts, including radar/spider charts, time-series, and custom chart compositions.
 * Build component architectures grounded in design systems and tokens, using Tailwind CSS with shadcn/ui, Radix UI, Material UI, or Mantine.
 * Implement client and server state cleanly: TanStack Query for server state; Zustand, Redux Toolkit, or Jotai for client state.
 * Use AI-assisted development tools (Claude Code, Cursor, GitHub Copilot) through structured workflows, templates, and sub-agents, with discipline and review.

Ship, Operate, Harden

 * Own role-based access at the UI layer, integrate with enterprise SSO (Okta, Auth0, Entra ID, or equivalent) using the appropriate SDK.
 * Implement forms with React Hook Form + Zod (or equivalent schema validation) for type-safe data flow end-to-end.
 * Write tests that hold up: Vitest or Jest, React Testing Library, Playwright for E2E.
 * Build to WCAG 2.1 AA conformance: keyboard navigation, ARIA patterns, accessible colour and contrast, screen reader support.
 * Deploy on AWS (or Cloudflare for edge use cases), chosen for fit.
 * Apply engineering practices that hold up in production: structured logging, observability, performance budgets, automated CI/CD (GitHub Actions).
 * Own what you build end-to-end, including how it behaves in production.