Responsibilities (Leveraging AI):
- Lead the design, development, and implementation of complex, responsive user interfaces using React and its ecosystem: Utilize AI-powered tools (e.g., v0.dev, GitHub Copilot, Claude) to accelerate UI development, generate component boilerplate, suggest optimal state management patterns, and enforce design system consistency. Leverage AI for component architecture validation and accessibility improvements.
- Architect and optimize client-side state management and data fetching from RESTful and GraphQL APIs, ensuring a responsive and seamless user experience: Employ AI to analyze component rendering performance, suggest memoization and lazy loading strategies, and optimize data fetching patterns. AI-driven tools can also assist in generating mock API data for rapid prototyping.
- Drive the adoption and continuous improvement of CI/CD pipelines for front-end applications to facilitate rapid and reliable software delivery: Integrate AI into CI/CD processes for intelligent visual regression testing, automated accessibility (a11y) checks, predictive analysis of bundle size impacts, and optimization of front-end build times.
- Collaborate with cross-functional teams, including product management, UX/UI designers, and backend engineers, to define requirements, design solutions, and deliver high-quality software: Use AI-powered communication and summarization tools to streamline requirement gathering, analyze user feedback, and translate design specifications into technical tasks.
- Mentor and provide technical guidance to junior and mid-level front-end engineers, fostering a culture of technical excellence and continuous learning: Leverage AI platforms for personalized learning paths on front-end technologies, automated code feedback on UI components, and explanations of complex rendering concepts.
- Actively research and experiment with AI technologies to identify opportunities for enhancing developer productivity, improving UI/UX, and ensuring code quality: Continuously explore emerging AI tools and techniques (such as AI-driven design-to-code converters) and assess their applicability to our front-end development ecosystem.
- Participate in code reviews, ensuring adherence to coding standards, best practices, and architectural guidelines for the front-end: Utilize AI-powered code analysis tools to pre-scan code for potential bugs, performance bottlenecks, accessibility issues, and style deviations, allowing human reviewers to focus on UX and architectural integrity.
- Troubleshoot and resolve complex technical issues in front-end applications, ensuring stability, performance, and cross-browser compatibility: Implement AI-driven user session analysis to identify rage clicks and UI dead ends, leverage AI for rapid debugging of complex state issues, and automate error reporting analysis.
- Contribute to the strategic planning and technical roadmap for our front-end architecture and design systems: Employ AI to analyze industry trends in UI technology, forecast the evolution of frameworks, and prioritize roadmap initiatives based on data-driven insights.
- Utilize in-depth specialty knowledge of front-end development to analyze complex problems/issues, provide evaluation of business process, system process, and industry standards, and make evaluative judgment: Augment human analytical capabilities with AI-powered data analysis and pattern recognition to rapidly assess complex UI/UX challenges and inform robust decision-making.
- Recommend and develop security measures for the client-side, ensuring successful system design and functionality: Use AI-driven security analysis tools to continuously monitor front-end code for vulnerabilities (e.g., XSS) and recommend adaptive security controls.
- Ensure essential procedures are followed and help define operating standards and processes for front-end development: Utilize AI for automated compliance checks against defined procedures and for suggesting improvements to development workflows based on performance data.
- Core Web Fundamentals: Strong understanding of HTML5, CSS3 (including Flexbox, Grid, and modern layout techniques), and advanced JavaScript (ES6+)/TypeScript.
- Frameworks: Extensive experience with the React Framework (React 16.8+, including Hooks, Context API) and its ecosystem.
- State Management: Proficiency with modern state management libraries such as Redux, Zustand, or Recoil.
- UI/UX & Design Systems: Proven experience translating Figma/Sketch designs into pixel-perfect, responsive UIs. Experience with component libraries like Material-UI, Ant Design, or building and maintaining custom design systems.
- API Integration: Strong proficiency in consuming RESTful and/or GraphQL APIs.
- CI/CD & Build Tools: Hands-on experience with front-end build tools (e.g., Webpack, Vite), package managers (NPM, Yarn), and CI/CD practices for web applications.
- Testing: Experience with unit and component testing frameworks (e.g., Jest, React Testing Library) and end-to-end testing tools (e.g., Cypress, Playwright).
- Web Performance (Beneficial): Familiarity with web performance optimization techniques (code splitting, lazy loading, memoization) and profiling tools (Lighthouse, React DevTools).
- Demonstrable exposure and practical experience with AI development tools such as GitHub Copilot, v0.dev, Claude, and Codex.
- Strong understanding of AI/ML concepts, prompt engineering, and integrating AI into software development workflows (e.g., for code generation, testing, debugging, and documentation).
- A keen desire to apply AI technologies to improve software development processes and outcomes.
- 6-10 years of relevant experience in a Front-End or UI Developer role.
- Demonstrated expertise in React, JavaScript, and TypeScript, with a deep understanding of their core concepts and the browser rendering pipeline.
- Extensive experience with the React ecosystem for building enterprise-level applications.
- Strong foundation in object-oriented and functional programming principles and a practical understanding of design patterns to create scalable and maintainable code.
- Experience with both relational and NoSQL databases from a consumer's perspective.
- Experience with unit/integration testing and a commitment to writing clean, well-documented, and testable code.
- Solid understanding of RESTful API design principles.
- Extensive experience in system analysis and in programming of software applications.
- Experience in managing and implementing successful projects.
- Subject Matter Expert (SME) in at least one area of Front-End Development (e.g., Performance, Accessibility, State Management).
- Ability to adjust priorities quickly as circumstances dictate.
- Demonstrated leadership and project management skills.
- Consistently demonstrates clear and concise written and verbal communication.
- Bachelor’s degree/University degree or equivalent experience
- Master’s degree preferred
This job description provides a high-level review of the types of work performed. Other job-related duties may be assigned as required.
------------------------------------------------------
Job Family Group: Technology------------------------------------------------------
Job Family:Applications Development------------------------------------------------------
Time Type:Full time------------------------------------------------------
Primary Location Full Time Salary Range:$120,800.00 - $170,800.00------------------------------------------------------
Most Relevant Skills Please see the requirements listed above.------------------------------------------------------
Other Relevant Skills For complementary skills, please see above and/or contact the recruiter.------------------------------------------------------
Automated Processing and AIWe use automated processing, including artificial intelligence, for our legitimate business interests (or our reasonable and appropriate business purposes) to identify and align the candidate's skills and abilities with a specific job opening. Additionally, if you so choose, or consent, we can match your skills and abilities to other suitable roles at Citi.
Importantly, all our hiring processes and decisions, including determining your suitability for a role, are conducted, checked, and decided by individuals. Our automated processing and AI do not involve relying on automatic or autonomous decision-making. Please refer to any Jurisdictional Considerations, with specific provisions for your country (where relevant) for further details.
------------------------------------------------------
This job opening is for an existing job vacancy.
------------------------------------------------------
Citi is an equal opportunity employer, and qualified candidates will receive consideration without regard to their race, color, religion, sex, sexual orientation, gender identity, national origin, disability, status as a protected veteran, or any other characteristic protected by law.
If you are a person with a disability and need a reasonable accommodation to use our search tools and/or apply for a career opportunity review Accessibility at Citi.
View Citi’s EEO Policy Statement and the Know Your Rights poster.
Skills Required
- Strong understanding of HTML5, CSS3 (Flexbox, Grid), and advanced JavaScript (ES6+)/TypeScript
- Extensive experience with React (16.8+, Hooks, Context API) and React ecosystem
- Proficiency with state management libraries (Redux, Zustand, or Recoil)
- Proven experience translating Figma/Sketch designs into responsive UIs and working with component libraries (Material-UI, Ant Design) or custom design systems
- Strong proficiency consuming RESTful and/or GraphQL APIs
- Hands-on experience with front-end build tools and package managers (Webpack, Vite, NPM, Yarn) and CI/CD practices
- Experience with unit and component testing (Jest, React Testing Library) and end-to-end testing (Cypress, Playwright)
- Practical experience with AI development tools (GitHub Copilot, v0.dev, Claude, Codex) and integrating AI into development workflows
- Strong understanding of AI/ML concepts, prompt engineering, and applying AI to code generation, testing, debugging, and documentation
- Bachelor's degree or equivalent experience
- Familiarity with web performance optimization techniques and profiling tools (code splitting, lazy loading, memoization, Lighthouse, React DevTools)
- 6-10 years relevant Front-End/UI development experience
- Experience with relational and NoSQL databases from a consumer perspective
- Subject Matter Expert in at least one front-end area (Performance, Accessibility, State Management)
- Demonstrated leadership, project management skills, and ability to mentor junior engineers
- Master's degree
Citi Compensation & Benefits Highlights
The following summarizes recurring compensation and benefits themes identified from responses generated by popular LLMs to common candidate questions about Citi and has not been reviewed or approved by Citi.
-
Healthcare Strength — Benefits coverage is positioned as comprehensive, including health, dental, and vision insurance plus on-site clinics, prescription drug support, and disability coverage. Family-building support such as fertility assistance is described as a notable differentiator within the overall package.
-
Retirement Support — Retirement benefits are framed as strong, highlighted by a 401(k) with matching and additional plan options like a Roth 401(k). Financial support is reinforced through discounts and broader financial guidance resources tied to the benefits ecosystem.
-
Wellbeing & Lifestyle Benefits — Wellbeing support extends beyond insurance through programs like an Employee Assistance Program, counseling/legal resources, and gym or wellness reimbursement. These offerings increase the perceived total rewards value even when cash compensation sentiment varies by role.
Citi Insights
What We Do
Citi's mission is to serve as a trusted partner to our clients by responsibly providing financial services that enable growth and economic progress. Our core activities are safeguarding assets, lending money, making payments and accessing the capital markets on behalf of our clients. We have 200 years of experience helping our clients meet the world's toughest challenges and embrace its greatest opportunities. We are Citi, the global bank – an institution connecting millions of people across hundreds of countries and cities.
