< p> Job_Description":"< span> < div> < p> < b> < b> < span> About the role < br> < p> < span> < span> < span> 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 SarvaGrams product coherent without requiring a dedicated designer on every squad. < br> < p> < span> < span> < span> This is a rare combination: solid 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. < br> < p> < b> < b> < span> Key Responsibilities < br> < p> < b> < b> < span> Component Library & Design System < br> < p> < span> < span> - Own and evolve SarvaGrams component library - the React components, design tokens, and UI patterns that every squad uses to build consistent, accessible interfaces < br> < p> < span> < span> - 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 < br> < p> < span> < span> - Establish contribution standards - how squads propose new components, how variants are reviewed, and how the component library evolves without becoming inconsistent < br> < p> < span> < span> - 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 < br> < p> < span> < span> - Implement design token infrastructure - CSS variables or a token system that allows theming, brand updates, and white-labelling without rewriting component styles < br> < p> < span> < b> < b> < span> Business Platforms - React / Flutter Web < br> < p> < span> < span> - Own the technical architecture of the Business Platforms frontend - routing, state management, API integration patterns, performance budgets. < br> < p> < span> < span> - 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 < br> < p> < b> < b> < span> AI-Native Design & Tooling < br> < p> < span> < span> - 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 < br> < p> < span> < span> - 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 < br> < p> < span> < span> - Build the internal UI tooling layer in AppSmith - working with Automation Team to create self-service dashboards for Operations and Support that match SarvaGrams UI standards < br> < p> < span> < span> - 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 < br> < p> < b> < b> < span> Frontend Standards & Cross-Squad Authority < br> < p> < span> < span> - 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 < br> < p> < span> < span> - Own the frontend Guild - fortnightly sessions on React patterns, accessibility, performance optimisation, and AI-assisted frontend development for all Frontend Engineers across the organisation < br> < p> < span> < span> - Review frontend architecture decisions across squads < br> < p> < span> < span> - Mentor Frontend Engineers at Intermediate level - structured development toward ownership of component domains and cross-squad frontend confidence < br> < br> < span> Requirements < p> < b> < b> < span> Qualified Experience < br> < p> < span> < span> - < span> < span> 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 < br> < p> < span> < span> - < span> < span> 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 < br> < p> < span> < span> - < span> < span> 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 < br> < p> < span> < span> - Active AI tool user - uses Claude or equivalent for UI generation and design exploration today; Cursor is standard development tooling < br> < p> < b> < b> < span> Mindset & Soft Skills < br> < p> < span> < span> - < span> < span> Design ownership < span> < span> means the Senior FE takes responsibility for design quality - you fill the gap with AI tools and design judgment, not with lowered standards < br> < p> < span> < span> - < span> < span> Library steward: Component library steward: a component library is a product - it needs documentation, contribution guidelines, and a maintainer who cares about developer experience < br> < p> < span> < span> - < span> < span> Rural UX < span> < span> empathy: SarvaGrams Customer App is used by borrowers who may be first-time smartphone users < span> with low < span> accessibility and low-bandwidth performance < br> < p> < span> < span> - AI-native designer reaches for Claude Design before opening Figma - AI-assisted UI iteration is standard practice, not a shortcut < br> < p> < b> < b> < span> Technical Skills < br> < p> < b> < b> < span> Frontend Engineering - Core < br> < div> < span> React (hooks / context / performance) & TypeScript < br> < div> < span> CSS / Tailwind / CSS-in-JS & Design tokens / theming < br> < div> < span> < span> Web performance optimisation < br> < p> < span> Storybook & Jest / Testing Library < br> < div> < b> < b> < span> Design System - Core < br> < div> < span> < span> < span> Component library architecture & Design token systems < br> < div> < span> Accessibility (WCAG 2.1 AA) & Responsive / mobile-first design < br> < div> < span> Figma (reading / annotating & Cross-browser / cross-device testing < br> < div> < br> < div> < b> < b> < span> AI Native - Core Expectation < br> < div> < span> < span> Claude Design for UI generation & Cursor for frontend development < br> < div> < span> AI-assisted component generation & AI design system tooling < br> < p> < span> AI-native design workflow < br> < div> < b> < b> < span> Added advantage < br> < div> < span> < span> Flutter Web & PWA / offline-first < br> < div> < span> React Native & Performance budgets < br> < p> < span> Rural / low-bandwidth UX & WhatsApp Web API UI < br> < div> < br> < br> < span> Benefits < div> < span> < span> < span> < span> SarvaGram is on a mission to revolutionize financial services for millions in rural India. Were building the nations first data-driven platform that combines cutting-edge technology with a human touch to unlock financial possibilities for underserved households. < span> < span> < br> < div> < span> < span> < span> < span> This is your chance to be at the forefront of innovation. Join us and: < span> < span> < br> < div> < span> < span> < span> < span> - Shape the future of FinTech: Were not just building a product, were creating a new category. Be a part of defining the future of financial inclusion for rural India. < span> < span> < br> < div> < span> < span> < span> < span> - 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. < span> < span> < br> < div> < span> < span> < span> < span> - Tackle real-world challenges: Apply your skills to solve critical problems and directly empower rural communities. < span> < span> < br> < div> < span> < span> < span> < span> - Craft solutions that touch lives: Develop innovative products used by diverse household members, each with unique needs < br> < br> ","< /span> < /span> < /span> < /span> < /div> < /span> < /span> < /span> < /span> < /span> < /span> < /div> < /span> < /span> < /span> < /span> < /span> < /span> < /div> < /span> < /span> < /span> < /span> < /span> < /span> < /div> < /span> < /span> < /span> < /span> < /span> < /span> < /div> < /span> < /span> < /span> < /span> < /span> < /span> < /div> < /span> < /div> < /span> < /p> < /span> < /div> < /span> < /span> < /div> < /span> < /b> < /b> < /div> < /span> < /p> < /span> < /div> < /span> < /span> < /div> < /span> < /b> < /b> < /div> < /div> < /span> < /div> < /span> < /div> < /span> < /span> < /span> < /div> < /span> < /b> < /b> < /div> < /span> < /p> < /span> < /span> < /div> < /span> < /div> < /span> < /div> < /span> < /b> < /b> < /p> < /span> < /b> < /b> < /p> < /span> < /span> < /p> < /span> < /span> < /span> < /span> < /span> < /span> < /span> < /span> < /p> < /span> < /span> < /span> < /span> < /p> < /span> < /span> < /span> < /span> < /span> < /span> < /p> < /span> < /b> < /b> < /p> < /span> < /span> < /p> < /span> < /span> < /span> < /span> < /p> < /span> < /span> < /span> < /span> < /p> < /span> < /span> < /span> < /span> < /p> < /span> < /b> < /b> < /p> < /span> < /span> < /span> < /p> < /span> < /span> < /p> < /span> < /span> < /p> < /span> < /span> < /p> < /span> < /b> < /b> < /p> < /span> < /span> < /p> < /span> < /span> < /p> < /span> < /span> < /p> < /span> < /span> < /p> < /span> < /b> < /b> < /p> < /span> < /span> < /p> < /span> < /span> < /p> < /span> < /b> < /b> < /span> < /p> < /span> < /span> < /p> < /span> < /span> < /p> < /span> < /span> < /p> < /span> < /span> < /p> < /span> < /span> < /p> < /span> < /b> < /b> < /p> < /span> < /b> < /b> < /p> < /span> < /span> < /span> < /p> < /span> < /span> < /span> < /p> < /span> < /b> < /b> < /p> < /div> < /span> < /p>

Disclaimer : This job posting has been aggregated from external source. Role details, content, and availability are subject to change. Applicants are advised to confirm the latest information directly on the company website before applying.

📌 Senior Frontend Engineer - React (Pune)
🏢 Sarvagram Fincare
📍 Pune