This role will assist with the development of our internal Angular design system component library, strongly contributing to the stability and scalability of our core frontend frameworks. As a key engineer on the team, you will focus on high-quality component development, ensuring our library is structured and documented in a way that enables AI tools, code generation workflows, and agentic experiences to consume and build with our components. You will work closely with the rest of our framework development team and CSS lead to maintain a cohesive and consistent foundation across design and code.
Integrated within the Design organization, you will produce code that aligns with the standards of our internal design library. This is a core engineering role focused on building and maintaining high-performance Angular components that deliver a best-in-class user experience to our clients, both internally and externally. You will also partner closely with internal development teams to provide onboarding, integration guidance, and ongoing technical support as they adopt the library.
Responsibilities
Build, maintain, and improve reusable Angular UI components aligned to our design system guidelines
Write unit tests using Jasmine/Karma and end-to-end (e2e) tests using Cypress
Develop and maintain complex data table and filtering features within the design system
Collaborate on reactive form components and form input patterns defined by the design system
Ensure all components meet accessibility standards (WCAG) through automated testing tools
Help maintain and generate component documentation
Apply consistent code quality standards using ESLint and Prettier
Work within the Angular library project structure, including ng-package, schematics, and multiple tsconfig targets
Work with AI to accelerate development of the library, and to embed the design system into our internal AI solutions
Participate in the versioning and release of the Angular component library and provide support to its consumers
Required Skills
2–5 years of hands-on experience with Angular (v15+; project is on Angular 21) and a solid understanding of reusable component-level development
Strong understanding of TypeScript and RxJS
Experience with Angular Reactive Forms and component lifecycle hooks
Proficiency with HTML/SCSS and component-level styling using design tokens
Experience writing high-quality code that is well-documented and easy to maintain with accompanying unit tests and familiarity with end-to-end (e2e) testing
Comfortable working in a monorepo and Angular library project structure
Comfortable working within Figma to analyze design specifications
Solid Git workflow skills, including branching, pull requests (PRs), and code reviews
Strong attention to detail & analytical skills
Strong communication skills, and ability to raise and escalate concerns when appropriate
Stay up to date on the latest software development trends and technologies
Desirable Skills & Experience
Prior experience contributing to or consuming a design system or component library
Familiarity with Angular CDK and advanced component patterns, such as portals, overlays, and virtual scrolling
Experience with Angular Schematics, including ng-add, ng-generate, and ng-update
Awareness of WCAG/accessibility principles and automated accessibility (a11y) testing
Understanding of CI/CD pipelines (Jenkins) and containerized deployments using Docker and Helm
Education
Bachelor’s/University degree or equivalent experience
------------------------------------------------------
Job Family Group: Technology------------------------------------------------------
Job Family:Digital Design Engineering------------------------------------------------------
Time Type:Full time------------------------------------------------------
Most Relevant Skills Please see the requirements listed above.------------------------------------------------------
Other Relevant Skills For complementary skills, please see above and/or contact the recruiter.------------------------------------------------------
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
- 2-5 years of hands-on Angular experience, including Angular v15 or later
- Strong understanding of TypeScript and RxJS
- Experience with Angular Reactive Forms and component lifecycle hooks
- Proficiency with HTML, SCSS, and component-level styling using design tokens
- Experience writing maintainable, well-documented code with accompanying unit tests
- Familiarity with end-to-end testing
- Experience working in a monorepo and Angular library project structure
- Comfort working with Figma to analyze design specifications
- Solid Git workflow skills, including branching, pull requests, and code reviews
- Strong attention to detail and analytical skills
- Strong communication skills and ability to raise and escalate concerns appropriately
- Bachelor's or university degree, or equivalent experience
- Prior experience contributing to or consuming a design system or component library
- Familiarity with Angular CDK and advanced component patterns such as portals, overlays, and virtual scrolling
- Experience with Angular Schematics, including ng-add, ng-generate, and ng-update
- Awareness of WCAG and accessibility principles, including automated accessibility testing
- Understanding of CI/CD pipelines using Jenkins
- Experience with containerized deployments using Docker and Helm
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.
