Front End Engineer (GenAI) - #1632

JOBSTER PRIVATE LTD.; Singapore; On-site; SGD 90,000 - 120,000; Full time

Job summary

JOBSTER PRIVATE LTD. is seeking an experienced frontend/UX engineer to design and deliver production-ready web apps. You will translate user needs into actionable designs, prototype with Figma, and implement robust React components in a fast-paced environment.

Responsibilities include collaborating with business users, validating interfaces with usability testing, and ensuring accessibility and performance across platforms. Experience with design systems and AI-enabled UI is a plus.

Qualifications

• 5+ years in frontend engineering, UX engineering, or comparable product-facing role with production apps.
• Strong React and modern JavaScript/TypeScript, component architecture, state mgmt, responsive design, API integration, automated testing.

Responsibilities

• User discovery: translate goals and workflows into personas, journey maps and product requirements.
• Prototype and validate designs using wireframes, high-fidelity prototypes, usability testing.
• Build React frontend with Next.js, TypeScript, HTML/CSS, reusable components, tests.
• Design AI interaction interfaces including streaming responses and tool execution.
• Ensure design systems, accessibility, and design tokens across platforms.
• Collaborate with backend engineers on API contracts and platform integration.
• Focus on performance, security, testing, and reliable frontend delivery.

Skills

Frontend engineering

React

UI/UX design

Design-to-code

Stakeholder collaboration

Product delivery mindset

Backend APIs familiarity

Accessibility

Tools

Figma

Recharts

D3.js

Chart.js

Job description

Key Responsibilities:

· User Discovery & Workflow Design: Work directly with business users to understand goals, tasks, pain points, operating constraints, and current workflows. Translate findings into personas, journey maps, information architecture, user flows, and clear product requirements.

· Prototyping & User Validation: Create wireframes, high-fidelity designs, and interactive prototypes using tools such as Figma or coded prototypes. Facilitate usability testing, synthesise feedback, and iterate rapidly before and during implementation.

· React Frontend Engineering: Build responsive, maintainable, and production-quality web applications using React, Next.js, TypeScript, HTML, and CSS. Implement reusable components, robust state management, client-side validation, error handling, and automated tests.

· AI Interaction Design: Design interfaces for conversational, generative, and agentic experiences, including streaming responses, tool execution, progress and system status, citations, user confirmation, human review, error recovery, and clear handling of uncertainty.

· Design Systems & Accessibility: Apply and extend reusable design patterns, component libraries, and design tokens. Ensure solutions are consistent, responsive, inclusive, and aligned with applicable accessibility standards.

· Backend & Platform Integration: Collaborate closely with AI and backend engineers to shape API contracts and integrate frontend applications with authentication, databases, enterprise systems, and platform services. Build lightweight backend functionality when required.

· Quality, Performance & Security: Optimise usability, responsiveness, rendering performance, and reliability; implement unit, integration, end-to-end, and accessibility testing; and apply secure frontend practices for sensitive data and regulated environments.

· Deployment, Adoption & Handover: Own frontend delivery through production rollout, documentation, user onboarding, feedback collection, support, and knowledge transfer. Use qualitative and quantitative signals to improve user adoption and task completion.

· Field-to-Platform Feedback: Identify recurring user needs and reusable interface patterns, and feed them back into shared components and improvements to the core platform.

Qualifications:

· Experience: 5+ years of experience in frontend engineering, UX engineering, interaction design with hands-on development, or a comparable product-facing role, with evidence of shipping applications used in production.

· Frontend Engineering: Advanced proficiency in React and modern JavaScript or TypeScript, with strong knowledge of component architecture, state management, responsive design, API integration, performance optimisation, and automated testing.

· UI/UX Practice: Strong foundation in user-centered design, information architecture, interaction design, prototyping, usability testing, visual hierarchy, and accessible design. Proficiency with Figma or equivalent tools is required.

· Design-to-Code Capability: Demonstrated ability to translate user needs and design concepts into polished, maintainable, production-ready interfaces without relying on a separate handoff for every detail.

· Stakeholder Partnership: Strong communication, facilitation, and presentation skills, with the ability to work directly with non-technical users, uncover underlying needs, explain design and technical trade-offs, and incorporate feedback constructively.

· Product & Delivery Mindset: Comfortable working with ambiguous requirements, rapidly prototyping, testing with users, and taking ownership from discovery through rollout and continuous improvement.

· Technical Breadth: Working knowledge of backend APIs, authentication, databases, cloud environments, version control, CI/CD, and secure software development sufficient to deliver integrated applications with engineering partners.

Nice-to-Have (Bonus Points):

· Forward Deployment: Experience in consulting delivery, design engineering, solutions engineering, internal product delivery, or another role involving direct collaboration with users and end-to-end implementation.

· AI Product Experience: Experience designing or building interfaces for chatbots, copilots, agentic workflows, data-rich applications, or other AI-enabled products.

· Design Systems: Experience creating or extending component libraries and design systems, including documentation, accessibility considerations, and visual regression testing.

· Data Visualisation: Experience presenting complex operational or analytical information using libraries such as Recharts, D3.js, or Chart.js.

· Regulated Environments: Experience delivering internal enterprise applications subject to stringent security, privacy, accessibility, or government requirements, including IM8 policies.