Senior Frontend Engineer - React

About the role

The Senior Frontend Engineer owns the component library and design system that every customer-facing and internal interface is built from. You define the frontend engineering standards. You make design decisions - using Claude Design and AI tools as your primary design instrument - that keep SarvaGram's product coherent without requiring a dedicated designer on every squad.

This is a rare combination: strong technical engineering depth (React, performance, accessibility, testing) and the design sensibility to maintain a system that non-designers can use confidently. If you have spent your career building products where UI quality mattered and you understand what a well-maintained component library does for an engineering organisation, this role was designed for you.

Key Responsibilities

Component Library & Design System

• Own and evolve SarvaGram's component library - the React components, design tokens, and UI patterns that every squad uses to build consistent, accessible interfaces

• Define and maintain the design system - colour tokens, typography scales, spacing standards, icon library, and the documentation that allows engineers to use the system without design review for standard UI

• Establish contribution standards - how squads propose new components, how variants are reviewed, and how the component library evolves without becoming inconsistent

• Build and maintain Storybook - the component documentation site that engineers use to discover components, understand their props, and see their states without building the UI to find out

• Implement design token infrastructure - CSS variables or a token system that allows theming, brand updates, and white-labelling without rewriting component styles

Business Platforms - React / Flutter Web

• Own the technical architecture of the Business Platforms frontend - routing, state management, API integration patterns, performance budgets.

• Implement performance-first frontend engineering - lazy loading, code splitting, image optimisation, and offline-first patterns that make the mobile-native web apps usable on 2G/3G connections

AI-Native Design & Tooling

• Use Claude Design as the primary design tool - generate UI component designs, layout options, and visual specifications using AI tools; iterate with Claude before writing a line of CSS

• Define the AI-assisted UI workflow - how product engineers use Claude to generate UI that conforms to the design system without requiring Senior FE review for every small feature

• Build the internal UI tooling layer in AppSmith - working with Automation Team to create self-service dashboards for Operations and Support that match SarvaGram's UI standards

• Establish frontend AI tooling standards - how Cursor is configured for React development, what Claude prompts generate reliable component code, and the quality bar for AI-generated UI

Frontend Standards & Cross-Squad Authority

• Define and enforce frontend engineering standards across all squads - the technology choices, code patterns, and quality gates that apply to every frontend surface SarvaGram ships

• Own the frontend Guild - fortnightly sessions on React patterns, accessibility, performance optimisation, and AI-assisted frontend development for all Frontend Engineers across the organisation

• Review frontend architecture decisions across squads

• Mentor Frontend Engineers at Intermediate level - structured development toward ownership of component domains and cross-squad frontend confidence

Requirements

Professional Experience

• 5 to 8 years in frontend engineering with ownership of a design system or component library in production - not just consuming one, but building and maintaining it

• Has built UI for mobile-first, low-bandwidth environments - understands performance budgets, lazy loading, and the difference between a UI that works in Pune and one that works in a village with 3G

• Has made design decisions in the absence of a dedicated designer - comfortable with design tools, AI design systems, and the judgment to know when something looks right

• Active AI tool user - uses Claude or equivalent for UI generation and design exploration today; Cursor is standard development tooling

Mindset & Soft Skills

• Design ownership means the Senior FE takes responsibility for design quality - you fill the gap with AI tools and design judgment, not with lowered standards

• Library steward: Component library steward: a component library is a product - it needs documentation, contribution guidelines, and a maintainer who cares about developer experience

• Rural UX empathy: SarvaGram's Customer App is used by borrowers who may be first-time smartphone users with low accessibility and low-bandwidth performance

• AI-native designer reaches for Claude Design before opening Figma - AI-assisted UI iteration is standard practice, not a shortcut

Technical Skills

Frontend Engineering - Core

React (hooks / context / performance) & TypeScript

CSS / Tailwind / CSS-in-JS & Design tokens / theming

Web performance optimisation

Storybook & Jest / Testing Library

Design System - Core

Component library architecture & Design token systems

Accessibility (WCAG 2.1 AA) & Responsive / mobile-first design

Figma (reading / annotating & Cross-browser / cross-device testing

AI Native - Core Expectation

Claude Design for UI generation & Cursor for frontend development

AI-assisted component generation & AI design system tooling

AI-native design workflow

Added advantage

Flutter Web & PWA / offline-first

React Native & Performance budgets

Rural / low-bandwidth UX & WhatsApp Web API UI

Benefits

SarvaGram is on a mission to revolutionize financial services for millions in rural India. We're building the nation's first data-driven platform that combines cutting-edge technology with a human touch to unlock financial possibilities for underserved households.

This is your chance to be at the forefront of innovation. Join us and:

• Shape the future of FinTech: We're not just building a product, we're creating a new category. Be a part of defining the future of financial inclusion for rural India.

• Embrace a high-growth, high-impact environment: This is a non-linear growth opportunity. Build a platform used by millions and witness the network effect drive massive scale.

• Tackle real-world challenges: Apply your skills to solve critical problems and directly empower rural communities.

• Craft solutions that touch lives: Develop innovative products used by diverse household members, each with unique needs