> Markdown version of [/jobs/ext/340494-ai-agentic-frontend-solutions-developer](https://www.wearedevelopers.com/jobs/ext/340494-ai-agentic-frontend-solutions-developer). 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). --- # AI & Agentic Frontend Solutions Developer - **Company:** Ocado - **Location:** Hatfield, UK - **Contract:** Permanent contract - **Skills:** Application Programming Interfaces (APIs), Artificial Intelligence, D3.Js, Data Security, Design of User Interfaces, Python (Programming Language), Node.Js, Rapid Prototyping Process, Cadence Virtuoso, Next.js, TypeScript, Visual Analytics, Web Content Accessibility Guidelines, Web Applications, Tailwind, ReactJS, Large Language Models, Multi-Agent Systems, Backend, Build Management, Material UI, Real Time Data, Graphql, Front End Software Development, Stream Processing - **Published:** June 13, 2026 - **Apply:** https://uk.indeed.com/viewjob?jk=ef4b507d7f621356 ## About the Role * Frontend Virtuoso: Highly skilled in modern frontend development, with production-grade experience in React, TypeScript, and modern styling utilities (such as Tailwind CSS, Shadcn/ui, or Radix UI). * Visual & Logic Bridge Builder: You possess a strong aesthetic eye and solid UI/UX design sensibilities, with the ability to take complex backend agent logic and distill it into simple, elegant user journeys. * AI-Ready Developer: Familiar with frontend-specific AI patterns and tooling (such as Vercel AI SDK, stream processing, or websocket integrations) to build highly responsive, real-time AI interactions. * Rapid Builder: A "maker" who thrives on the pace of a startup-style environment, with a passion for rapid prototyping, iteration, and shipping user-ready code quickly over writing slow, over-engineered frameworks. * Integration Minded: Comfortable consuming complex REST/GraphQL APIs and working with asynchronous state management libraries to handle dense, real-time data flows. * Empathetic Collaborator: A strong communicator who genuinely loves working closely with Data Scientists, product owners, and business stakeholders to turn raw technological power into practical, daily-use tools. Desirable * Experience with visual flow libraries (e.g., React Flow) or interactive data visualisation libraries (e.g., D3.js, Recharts). * Experience using Node.js, Python, or basic API frameworks to write quick backend mockups when needed. * Understanding of accessibility standards (WCAG) and performance optimization techniques for web applications. ## Description * UI/UX Craftsmanship: Design and build high-performance, responsive, and visually stunning user interfaces for all internal micro-applications and tools, ensuring a consistent and premium user experience. * Component Library & Design Systems: Create a modular, reusable UI component library and custom design system tokens to enable the team to prototype and launch new micro-applications at extreme speed. * Data Science Interface Enablement: Collaborate closely with the Data Science team to translate advanced, complex multi-agent flows, vector search queries, and generative AI outputs into interactive, highly understandable visual interfaces (e.g., node visualizers, step-by-step agent tracking, or dynamic chat playgrounds). * AI Interaction Paradigms: Develop and optimise front-end patterns tailored specifically for LLM interactions, including stream rendering, rich markdown text, custom chat containers, interactive fallback widgets, and live feedback loops. * Backbone API Integration: Seamlessly consume and integrate your frontends with the pod's shared platform backbone, managing authentication, secure data transfer, state, and automated provisioning. * Rapid Prototyping: Turn napkin-sketch ideas from business teams into highly functional, interactive mockups and production-ready applications within days. * Reporting Structure: Report directly to the Engineering Lead. ## Related Videos - [Stop using Node.js like in 2020! What changed and what you can do today with Node.js](https://www.wearedevelopers.com/videos/100011-stop-using-node-js-like-in-2020-what-changed-and-what-you-can-do-today-with-node-js) - [Putting the Graph In GraphQL With The Neo4j GraphQL Library](https://www.wearedevelopers.com/videos/257-putting-the-graph-in-graphql-with-the-neo4j-graphql-library) - [Web-based Information Visualization](https://www.wearedevelopers.com/videos/84-web-based-information-visualization) - [Liquid AI interfaces: how software eats frontend](https://www.wearedevelopers.com/videos/1937-liquid-ai-interfaces-how-software-eats-frontend) - [Stop Using Node.js Like It’s 2020! - Alfonso Graziano](https://www.wearedevelopers.com/videos/1863-stop-using-node-js-like-it-s-2020-alfonso-graziano) - [GraphQL + Apollo + Next.js: A Lovely Trio](https://www.wearedevelopers.com/videos/311-graphql-apollo-next-js-a-lovely-trio) ## Related Articles - [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers) - [Navigating the AI Shift](https://www.wearedevelopers.com/magazine/629-navigating-the-ai-shift) - [Dev Digest 121 - AI goes offline](https://www.wearedevelopers.com/magazine/456-dev-digest-121-ai-goes-offline) - [Dev Digest 132 - Binging WADFlix?](https://www.wearedevelopers.com/magazine/473-dev-digest-132-binging-wadflix) - [What is Agentic Programming and Why Should Developers Care?](https://www.wearedevelopers.com/magazine/625-what-is-agentic-programming-and-why-should-developers-care) - [Dev Digest 122 - Cracks in the polyfill](https://www.wearedevelopers.com/magazine/457-dev-digest-122-cracks-in-the-polyfill)