Job Overview
Build React-powered enterprise-grade scalable mono repo applications. Own React/TypeScript component architecture, AI-assisted development workflows, and production prototypes. Translate evolving requirements into governed, token-driven UI systems that power multi-user enterprise products including domain-specific applications, where you will ideate on and architect React solutions for workflows.
You will excel if you:
• Think in Atomic Design and design tokens (zero hardcoded values)
• Leverage AI tools as an assisted layer within systematic validation workflows
• Ship high-fidelity prototypes into production components seamlessly
• Architect scalable React systems with domain awareness
Key Responsibilities
Framework Architecture
• Build React + TypeScript frameworks following Atomic Design principles
• Design modular barrel exports with zero cross-feature coupling
• Architect composable React systems that scale to many apps
• Implement React framework conventions: named exports only, strict separation of concerns
• Write and own component logic end-to-end: hooks, context, memoisation, and render optimization
• Define reusable patterns for data-intensive UIs (e.g. real-time charting, state machines for operational workflows)
Design System Ownership
• Architect the React/TypeScript component library
• Enforce a token-first visual language across the mono repo
• Follow design system principles: anatomy, tokens, states, accessibility, and props
• Govern Storybook with 100% coverage and Chromatic regression testing
• Maintain a living library of validated component patterns and architectural decisions
AI-Assisted Engineering
• Leverage Claude, Cursor, or Copilot as an assisted layer, not as a replacement for engineering judgment
• Validate AI-generated code against tokens, specs, and conventions before committing
• Identify and correct LLM drift by improving specs and documentation proactively
Prototyping to Production
• Build testable prototypes using real tokens and production components
• Document validation outcomes and extract reusable patterns
• Zero prototype-to-production rewrite: (prototype = the implementation foundation)
Requirements Into Specs
• Translate evolving requirements into implementation-ready component documentation
• Surface gaps, edge cases, and trade-offs before development starts
• Own the Figma to tokens to specs to components workflow end-to-end
Required Technical Knowledge
• 8+ years React/TypeScript at enterprise scale with multi-user applications
• Design Systems: Atomic Design, design tokens, Storybook
• Monorepo: TurboRepo or Nx workspaces, package governance
• AI tooling: Claude Code, Cursor, or Copilot used as an assisted development layer
• React internals: hooks, context, render lifecycle, memoisation, and performance profiling
• Prototyping: high-fidelity to production, no rewrite
• Git: conventional commits, PR standards, clean branches with documented history
• Documentation: developer-facing README specifications and onboarding-ready docs
Good to Have
• Design thinking and app-level architecture awareness
• Frameworks mindset: think in systems, not features
• CI/CD token audit tooling
• Standardised workflow for domain-specific applications
• Familiarity with real-time data patterns – WebSocket feeds, polling, streaming state
Key Deliverables
• Production-ready component library/ applications
• AI-assisted prototypes validated for user testing
• Zero-hardcoded-values token audit reports
• Structured Documentation ecosystem
What Success Looks Like
• Reusable, modular, scalable applications
• Evolving requirements converted into structured specs with no back-and-forth
• UI ecosystems that include token audits and living documentation
• Prototypes that serve as the production implementation foundation
• Design system becomes the single source of truth across all products