Senior Frontend Engineer - React
SarvaGram · Pune City, India ·
- Seniority
- Senior
- Category
- Frontend
- Experience
- 5+ years
SarvaGram · Pune City, India ·
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
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
Storybook & Jest / Testing Library
AI-native design workflow
Rural / low-bandwidth UX & WhatsApp Web API UI