Front-End Engineering

Product & TechnologyPhase 3

Lead: Front-End Orchestrator Agent

8 agents8 planned

Linear: HB-FRON

20 permissions (0 write)Orchestrator-Workers+ Parallelization

Architecture Pattern

Front-End Orchestrator assigns implementation tasks. 3-agent code review panel uses voting for merge decisions. Localisation agents run in parallel across languages.

Evaluation

4 metrics defined

Error Handling

3 scenarios covered

Self-Improvement

2 human checkpoints

Phase 3: Scale & Polish

Scale & Polish. Front-end automation agents build and maintain UI. Core platform must be stable before automating UI changes.

Tools

Back Office APIHexPaymentIQLinear

Goals

Build and maintain player-facing UIOptimize performanceLocalisation & language detectionFirst-display experience

Agent Sizing Rationale

8 agents: 1 orchestrator + 3 implementation specialists (odd for code review voting) + 1 performance + 3 localisation & first-display. Localisation agents own the first thing a player sees — language, geo-routing, and initial UI state.

Implementation (3-agent review panel)

AgentDescriptionComplexityRolesStatusActions

Component Architecture AgentDesigns component hierarchy, manages design system implementation, and enforces patterns.medium

generatorguardian

Feature Implementation AgentBuilds new features, pages, and user flows. Primary code producer.medium

generator

Responsive & Accessibility AgentEnsures cross-browser compatibility, responsive design, and WCAG compliance.medium

generatorguardian

Quality & Performance

AgentDescriptionComplexityRolesStatusActions

Performance Optimization AgentMonitors Core Web Vitals, optimizes bundle size, lazy loading, and rendering performance.medium

monitor

Front-End Orchestrator AgentCoordinates front-end work, manages deployment pipeline, reviews PRs from all FE agents.complex

orchestratorexecutoranalyst

Localisation & First Display

AgentDescriptionComplexityRolesStatusActions

Player Language AgentDetects player language from browser settings, IP geolocation, and account preferences. Manages i18n string delivery, RTL layout switching, and locale-specific formatting (dates, currencies, numbers). Ensures the correct language bundle loads before first paint.medium

monitorexecutor

First Display AgentOwns the first screen a player sees — determines what to show based on player state (new vs returning), geo, language, active promotions, and time of day. Orchestrates hero banner, game lobby order, CTA placement, and welcome flow. Works with Product & Design for layout and Marketing for promotional content.complex

generator

Geo-Routing AgentRoutes players to the correct regional experience based on IP, VPN detection, and regulatory requirements. Manages market-specific content restrictions, blocked jurisdictions, and license-compliant UI variations. Feeds data to Compliance for geo-blocking enforcement.complex

monitorexecutorrouter

Agents Used From Other Departments

These agents from other departments feed data into or are called by this department's agents.

Product & DesignExternal

UX/UI Design AgentProduct Orchestrator Agent

Design specs and prototypes drive front-end implementation.

Back-End EngineeringExternal

API Service Agent

Front-end consumes APIs built by back-end agents.

Quality AssuranceExternal

Visual Regression AgentCross-Browser Agent

QA agents test front-end output for visual and functional correctness.