UI Engineer Hybrid

📍 Job Overview

Job Title: UI Engineer Hybrid

Company: Cisco

Location: Research Triangle Park, North Carolina, United States

Job Type: Full time

Category: Software Engineering / UI Development

Date Posted: September 02, 2026

Experience Level: 5-10 Years

Remote Status: Hybrid

🚀 Role Summary

• Design, develop, and maintain modern web interfaces for AI-driven productivity and process automation platforms, focusing on user experience and performance.

• Implement and champion reusable, component-based UI libraries aligned with design system standards, ensuring consistency and accessibility.

• Collaborate closely with UX designers, product managers, and backend engineers to translate complex AI capabilities into intuitive, responsive, and functional web applications.

• Contribute to the full software development lifecycle, including design, development, testing, deployment on Google Cloud Platform, and ongoing maintenance of AI-powered features.

📝 Enhancement Note: This role is positioned within Cisco's AI and Automation portfolio, specifically on the "Circuit" platform, which serves as a central AI engine. The UI Engineer will be instrumental in translating advanced AI functionalities into user-facing interfaces, emphasizing the critical link between complex backend AI and end-user productivity. The hybrid nature of the role implies a need for strong self-management and communication skills.

📈 Primary Responsibilities

• Architect and build responsive, high-performance web applications leveraging Angular, TypeScript, HTML5, and CSS3 to deliver AI-driven features such as conversational UIs, agent management, streaming responses, and prompt libraries.

• Translate detailed Figma designs and UX frameworks into pixel-accurate, component-based, and accessible user interfaces, ensuring strict adherence to the established design system.

• Integrate front-end applications seamlessly with backend services through REST APIs and JSON data structures, potentially developing Node.js services (BFF layers) for efficient and secure client-server communication.

• Manage the build, packaging, and deployment of web front ends and Node.js services on Google Cloud Platform (GCP), actively participating in CI/CD pipelines to ensure reliable and repeatable release processes.

• Develop and maintain a robust, reusable component-based UI library that upholds Circuit's design system, prioritizing consistency, performance, and accessibility across all platform features.

• Actively participate in an Agile development environment, collaborating with cross-functional teams (designers, backend engineers, quality engineers) to scope, estimate, deliver features, and resolve UI-related issues in both development and production environments.

📝 Enhancement Note: The emphasis on "AI-driven features" and "conversational and agentic UIs" suggests a need for familiarity with dynamic content rendering, real-time updates, and potentially state management patterns relevant to interactive AI applications. The mention of "prompt and agent management" implies a requirement for understanding user interaction flows with AI models.

🎓 Skills & Qualifications

Education:

• Bachelor’s degree in Computer Science or a related technical field with 6+ years of relevant experience, OR

• Master’s degree in Computer Science or a related technical field with 4+ years of relevant experience, OR

• PhD in Computer Science or a related technical field with 1+ year of relevant experience. Experience:

• 3+ years of hands-on experience in building and troubleshooting complex web applications specifically using Angular.

• Proven experience in developing server-side functionalities with Node.js and integrating applications with REST APIs and JSON data structures.

• Demonstrated ability to translate UI/UX designs (e.g., from Figma) into functional, component-based, and design-system-aligned user interfaces.

• Experience deploying applications on Google Cloud Platform (GCP).

• Solid understanding and practical application of Git for version control and Agile development methodologies. Required Skills:

• Angular: Deep proficiency in Angular framework, including component architecture, services, routing, and state management.

• TypeScript: Strong command of TypeScript for robust, maintainable JavaScript development.

• JavaScript, HTML5, CSS3: Comprehensive understanding of core web technologies for front-end development.

• Node.js: Experience building server-side applications or API gateway layers.

• REST APIs & JSON: Expertise in consuming and integrating with RESTful services and handling JSON data.

• Google Cloud Platform (GCP): Practical experience with deploying and managing applications on GCP services.

• Figma Integration: Ability to accurately translate Figma designs into functional UI components.

• Git: Proficient in version control using Git for collaborative development.

• Agile Methodologies: Experience working within Agile/Scrum frameworks.

Preferred Skills:

• Web-based AI Applications: Experience building UIs for LLMs, chatbots, agents, or applications involving streaming/token-by-token rendering and real-time updates.

• CI/CD Pipelines: Familiarity with contributing to or working with CI/CD pipelines (e.g., GitHub Actions, Cloud Build).

• GraphQL: Understanding of GraphQL for efficient data querying.

• Testing Frameworks: Experience with unit/component testing frameworks like Jest, Vitest, or Karma.

• Docker: Exposure to Docker for containerized development environments.

• Accessibility (WCAG 2.2): Knowledge of accessibility standards and implementation.

• State Management: Experience with advanced state management solutions.

• Micro-front-end Architectures: Familiarity with micro-front-end concepts.

• Cross-browser Compatibility: Ensuring consistent user experiences across different browsers.

• Problem-solving: Strong analytical and troubleshooting abilities.

• Communication Skills: Excellent verbal and written communication for cross-functional collaboration.

📝 Enhancement Note: The minimum qualifications suggest a mid-to-senior level role, requiring substantial experience with Angular and related technologies. The preferred qualifications highlight a strong advantage for candidates with direct experience in AI-related UI development, indicating the company's strategic focus on this area.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase at least two significant web application projects built with Angular, demonstrating end-to-end development from design to deployment.

• Provide clear examples of component-based architecture and how design systems were implemented or adhered to.

• Include case studies that highlight the integration of front-end applications with backend APIs (REST or GraphQL) and data handling (JSON).

• Demonstrate projects deployed on cloud platforms (GCP preferred), with an explanation of the deployment process and infrastructure used. Process Documentation:

• Document a process for translating Figma designs into functional UI components, detailing considerations for responsiveness, accessibility, and design system alignment.

• Outline a workflow for integrating front-end applications with REST APIs, including error handling, data validation, and asynchronous operations.

• Provide examples of how reusable UI components or libraries were developed, maintained, and version-controlled within a team environment.

• Explain your approach to testing front-end applications, including unit, integration, and component testing strategies.

📝 Enhancement Note: For a UI Engineering role, the portfolio should emphasize visual fidelity, user experience, code quality, and demonstrable impact. Candidates should be prepared to walk through their projects, explaining design decisions, technical challenges, and the outcomes achieved, particularly in relation to performance and user adoption.

💵 Compensation & Benefits

Salary Range:

• Base Salary Estimate (U.S.): $115,800 - $163,200 annually.

• Expanded Range (New York City Metro Area): $138,100 - $226,000 annually.

• Expanded Range (Non-Metro New York State & Washington State): $124,000 - $201,000 annually.

📝 Enhancement Note: The provided salary ranges are based on Cisco's stated ranges for this position in the U.S. The lower end ($115,800) represents the general starting range, while the expanded ranges reflect specific high-cost-of-living areas. Actual compensation will be determined by hiring location, market conditions, candidate experience, skills, qualifications, education, and certifications. This role is not sales-related, so the bonus structure described is generally applicable.

Benefits:

• Comprehensive Health Coverage: Medical, dental, and vision insurance plans.

• Retirement Savings: 401(k) plan with Cisco matching contributions.

• Family Support: Paid parental leave.

• Disability & Life Insurance: Short-term and long-term disability coverage, plus basic life insurance.

• Equity: Potential eligibility for Cisco Restricted Stock Units (RSUs) that vest over time.

• Paid Time Off:

  • 10 paid holidays per year + 1 floating holiday (non-exempt).
  • 1 paid personal day for birthday, paid year-end holiday shutdown, and 4 paid personal wellness days.
  • Vacation: 16 days for non-exempt employees (accrued); flexible, unlimited-style program for exempt employees (subject to business needs).
  • Sick Leave: 80 hours provided annually, with carry-forward up to 80 hours.
  • Additional paid time off for family emergencies.
  • Optional 10 paid days per year for volunteering.

• Annual Bonuses: Eligible for annual bonuses (non-sales roles) subject to Cisco policies. Working Hours:

• Standard full-time work week of 40 hours.

• Hybrid work arrangement implies a blend of in-office and remote work, with specific days in the office to be determined by the team.

📝 Enhancement Note: Cisco offers a robust benefits package, including significant paid time off and equity options, which are attractive for experienced professionals. The flexible vacation policy for exempt employees is a notable perk.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology (Networking, AI, Automation, Cloud Solutions)

Company Size: Cisco is a large enterprise, employing over 80,000 people globally. This scale offers stability, extensive resources, and opportunities for significant impact.

Founded: 1984. With decades of innovation, Cisco has a strong legacy in networking and is actively transforming into an AI-driven solutions provider.

Team Structure:

• The "Circuit" platform team is part of the broader Cisco AI and Automation portfolio.

• It's described as a "rapidly expanding, high-impact group" focused on AI-driven business transformation.

• The team operates at the intersection of applied research and production, indicating a blend of innovation and practical implementation.

• Collaboration is key, with UI Engineers working alongside UX designers, backend engineers, and quality engineers. Methodology:

• Agile Development: The team operates within an Agile framework, emphasizing iterative development, collaboration, and rapid feedback loops.

• Data-Driven Decisions: While not explicitly detailed for this role, Cisco's broader strategy emphasizes data and insights, suggesting that operations and engineering teams are expected to leverage data for decision-making and performance measurement.

• User-Centric Design: The focus on translating complex AI into intuitive interfaces highlights a commitment to user experience and understanding user needs.

Company Website: https://careers.cisco.com/global/en

📝 Enhancement Note: Working in a large, established tech company like Cisco means access to significant resources and a structured environment. The "Circuit" team's focus on AI and automation positions it at the forefront of Cisco's strategic initiatives, offering high visibility and the chance to influence critical company-wide platforms.

📈 Career & Growth Analysis

Operations Career Level: This UI Engineer role is positioned as a mid-to-senior level position, requiring 3+ years of specialized experience with Angular and related technologies, and 6+ years of overall relevant experience. The responsibilities involve significant ownership of front-end development for core AI platform features.

Reporting Structure: The UI Engineer will work within an Agile team, reporting to a team lead or engineering manager. They will collaborate closely with UX designers and backend engineers, indicating a matrixed reporting or project-based collaboration structure.

Operations Impact: The UI Engineer's work directly impacts the user experience of tens of thousands of Cisco employees, shaping how they interact with and leverage AI capabilities for productivity and process automation. This role is critical for the successful adoption and effectiveness of Cisco's AI strategy.

Growth Opportunities:

• Technical Specialization: Deepen expertise in Angular, TypeScript, and modern front-end architectures, potentially exploring advanced state management, micro-front-ends, or performance optimization techniques.

• AI/ML Domain Expertise: Gain hands-on experience with AI/ML application development, understanding LLM interfaces, agentic UIs, and real-time data streaming.

• Cloud Engineering: Enhance skills in Google Cloud Platform (GCP) deployment, CI/CD pipeline management, and cloud-native development practices.

• Leadership & Mentorship: As a senior engineer, opportunities may arise to mentor junior developers, lead feature development, or contribute to architectural decisions.

• Cross-Functional Collaboration: Develop strong partnerships with UX, Product Management, and Backend Engineering, enhancing understanding of the end-to-end product lifecycle.

📝 Enhancement Note: Cisco's large size and strategic focus on AI and automation provide fertile ground for career development. This role offers a clear path to becoming a subject matter expert in AI-driven UI development within a major enterprise, with potential for advancement into lead engineering, architecture, or management roles.

🌐 Work Environment

Office Type: Hybrid. This role requires a combination of on-site work at the Research Triangle Park, NC office and remote work. The specific balance will likely be determined by team needs and manager guidance.

Office Location(s): Research Triangle Park (RTP), North Carolina, USA. This is a major technology hub known for its research and development facilities.

Workspace Context:

• Collaborative Environment: The hybrid model necessitates structured collaboration, with in-office days likely focused on team meetings, brainstorming, and pair programming. Remote days will support focused individual work.

• Tools & Technology: Access to modern development tools, including Angular, TypeScript, Node.js, Figma, and GCP, will be standard. The team likely utilizes collaboration tools like Slack, Jira, and Confluence.

• Team Interaction: Regular interaction with UX designers, backend engineers, and product managers is expected, fostering a dynamic and communicative work environment.

Work Schedule:

• The standard work schedule is 40 hours per week.

• Flexibility may be available, typical for exempt roles in tech, but core hours and in-office days will need to be coordinated with the team.

📝 Enhancement Note: The hybrid nature of this role emphasizes the need for strong self-discipline, proactive communication, and effective time management. Candidates should be comfortable working independently and collaboratively, both remotely and in an office setting.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: HR or recruiter call to assess basic qualifications, experience, and cultural fit.

• Technical Interview(s): Likely involves live coding sessions, algorithm challenges, and in-depth discussions on Angular, TypeScript, Node.js, and web development best practices. Expect questions on component architecture, state management, and API integration.

• System Design/Architecture Discussion: A session focused on how you would design and build specific features, potentially involving architectural patterns for AI UIs, scalability, and performance.

• Portfolio Review: A dedicated session where you present your past projects, discussing your role, technical challenges, solutions, and impact. Be prepared to showcase code samples or live demos if possible.

• Behavioral/Manager Interview: Questions assessing teamwork, problem-solving, handling conflict, and alignment with Cisco's values and the team's culture.

Portfolio Review Tips:

• Curate Select Projects: Choose 2-3 of your strongest, most relevant projects that showcase your Angular, Node.js, and AI/complex UI development skills.

• Focus on Impact: For each project, clearly articulate the problem you solved, your specific contributions, the technologies used, and the quantifiable results (e.g., performance improvements, user adoption, efficiency gains).

• Showcase Code Quality: Be prepared to discuss your code structure, testing strategies, and adherence to best practices. Highlight reusable components and design system considerations.

• Explain Design Decisions: Articulate why you made certain technical choices, especially regarding architecture, state management, and API integrations.

• Highlight AI/Complex UI Experience: If possible, emphasize projects that involved real-time data, dynamic content, or user interfaces for complex systems.

Challenge Preparation:

• Angular Deep Dive: Brush up on advanced Angular concepts, including RxJS, NgRx/state management, custom directives, performance optimization, and module federation.

• Node.js Fundamentals: Review core Node.js concepts, event loop, asynchronous programming, and common patterns for building APIs or BFFs.

• Cloud Deployment: Understand basic GCP services relevant to web application deployment (e.g., App Engine, Cloud Run, Kubernetes Engine).

• Problem-Solving Scenarios: Practice solving common front-end challenges, such as state synchronization, data fetching optimization, and responsive design issues.

• AI UI Patterns: Familiarize yourself with common patterns for AI interfaces (chatbots, agents, streaming data) and their front-end implications.

📝 Enhancement Note: The interview process will likely be rigorous, testing both technical depth and the ability to articulate complex technical concepts and project outcomes clearly. Demonstrating a strong understanding of the full stack (front-end to API integration) and cloud deployment is crucial.

🛠 Tools & Technology Stack

Primary Tools:

• Angular: The core front-end framework for building interactive web applications.

• TypeScript: Essential for building robust and maintainable Angular applications.

• Node.js: Used for building server-side logic, APIs, or Backend-for-Frontend (BFF) layers.

• HTML5 & CSS3: Foundational technologies for web page structure and styling.

• Figma: Primary tool for design mockups and UX frameworks.

Analytics & Reporting:

• Google Cloud Platform (GCP): For application deployment, hosting, and potentially logging/monitoring services.

• CI/CD Tools: GitHub Actions, Cloud Build, or similar for automated build, test, and deployment pipelines.

CRM & Automation:

• While not directly mentioned for UI Engineers, understanding how front-end applications integrate with broader business systems (potentially CRM-related data flows) can be beneficial. Other Potential Tools:

• GraphQL: Preferred for efficient data querying.

• Testing Frameworks: Jest, Vitest, Karma for unit and component testing.

• Docker: For containerized development environments.

• Git: For version control.

📝 Enhancement Note: Proficiency in the specified front-end stack (Angular, TypeScript) is non-negotiable. Experience with cloud deployment (GCP) and CI/CD is highly valued, indicating a modern development workflow. Familiarity with AI-specific UI patterns and related technologies (like streaming) will be a significant advantage.

👥 Team Culture & Values

Operations Values:

• Innovation & Transformation: A drive to push boundaries in AI and automation, transforming how Cisco operates.

• User-Centricity: A strong focus on creating intuitive and effective user experiences that solve real business problems.

• Collaboration & Teamwork: Emphasis on working together across disciplines (UX, Backend, QA) to achieve common goals.

• Performance & Reliability: Commitment to building robust, high-performance applications that are dependable for a large user base.

• Continuous Learning: Encouragement to stay abreast of emerging technologies and best practices in AI and front-end development.

Collaboration Style:

• Cross-functional Integration: UI Engineers are integral to the product team, working closely with UX designers on fidelity and interaction, and backend engineers on API integration and data flow.

• Agile Rituals: Active participation in daily stand-ups, sprint planning, reviews, and retrospectives to ensure transparent communication and iterative progress.

• Knowledge Sharing: A culture that likely encourages sharing insights, code reviews, and best practices to elevate the entire team's capabilities.

📝 Enhancement Note: The team culture appears to be a blend of fast-paced innovation within a structured enterprise environment. Success will depend on an engineer's ability to collaborate effectively, adapt to evolving AI technologies, and contribute to a high-performing, user-focused team.

⚡ Challenges & Growth Opportunities

Challenges:

• Translating Complex AI: The primary challenge is making sophisticated AI capabilities accessible and understandable through user-friendly interfaces. This requires deep empathy for the user and creative problem-solving.

• Performance Optimization: Ensuring that dynamic, data-rich AI interfaces remain responsive and performant for a large user base, especially with features like streaming responses.

• Maintaining Design System Fidelity: Balancing design consistency with the need to implement diverse AI features, ensuring a cohesive user experience across the platform.

• Rapid Technological Evolution: Staying current with the fast-paced advancements in AI, front-end frameworks, and cloud technologies.

Learning & Development Opportunities:

• AI/ML UI Specialization: Becoming an expert in designing and building UIs for cutting-edge AI applications.

• Advanced Front-End Architecture: Deepening knowledge in areas like micro-front-ends, advanced state management, and performance tuning.

• Cloud Engineering Proficiency: Expanding expertise in GCP services, CI/CD automation, and scalable cloud deployments.

• Cross-Disciplinary Exposure: Gaining a comprehensive understanding of backend systems, AI models, and UX design principles.

• Mentorship and Technical Leadership: Opportunities to guide junior engineers and influence technical direction within the team.

📝 Enhancement Note: This role is ideal for engineers who thrive on tackling complex technical challenges and are eager to work at the forefront of AI integration within a large enterprise. The growth opportunities are significant for those looking to specialize in AI-driven UI development.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex AI feature you've worked on and how you translated its functionality into an intuitive UI. What were the key challenges?" (Focus on your process, design choices, and problem-solving).

• "How would you approach building a real-time streaming interface for AI-generated text? What Angular patterns would you use?" (Demonstrate knowledge of RxJS, component updates, and performance).

• "Imagine a scenario where the UX design deviates significantly from the backend API capabilities. How would you navigate this to ensure a successful integration and user experience?" (Highlight collaboration, communication, and technical compromise skills). Company & Culture Questions:

• "What excites you about Cisco's AI and Automation portfolio, specifically the 'Circuit' platform?" (Show research into Cisco's AI strategy and the platform's mission).

• "How do you approach collaboration in a hybrid work environment, especially when working with remote designers and backend engineers?" (Emphasize proactive communication and team cohesion).

• "How do you ensure the accessibility and performance of your UIs, especially for enterprise-level applications?" (Connect to WCAG standards, testing, and optimization techniques). Portfolio Presentation Strategy:

• Structure: For each project, use a STAR (Situation, Task, Action, Result) or similar framework. Clearly define the problem, your role/task, the actions you took (technical details, design decisions), and the measurable results.

• Visuals: Use screenshots, mockups, or even a live demo (if feasible and appropriate) to showcase the UI. Highlight key interactive elements and design system adherence.

• Code Snippets: Be ready to share or discuss relevant code snippets that demonstrate your proficiency with Angular, TypeScript, component architecture, or API integration.

• Focus on Impact: Quantify achievements wherever possible (e.g., "reduced load time by X%", "improved user engagement by Y%", "successfully integrated Z API endpoints").

📝 Enhancement Note: Prepare to discuss not just what you built, but why you built it that way. Interviewers will be looking for a deep understanding of your technical rationale, problem-solving skills, and ability to articulate your contributions and their impact.

📌 Application Steps

To apply for this UI Engineer position:

• Submit your application through the Cisco Careers portal via the provided URL.

• Portfolio Customization: Tailor your resume and LinkedIn profile to highlight your most relevant Angular, TypeScript, Node.js, GCP, and AI UI development experience. Ensure your portfolio projects clearly demonstrate your skills in component-based architecture, API integration, and design system adherence.

• Resume Optimization: Use keywords from the job description (e.g., Angular, TypeScript, Node.js, GCP, AI, UI Engineer, REST APIs) and quantify your achievements with specific metrics.

• Interview Preparation: Practice articulating your experience using the STAR method, prepare to discuss your portfolio projects in detail, and brush up on core front-end concepts, Node.js basics, and GCP deployment.

• Company Research: Familiarize yourself with Cisco's AI and Automation portfolio, the "Circuit" platform's mission, and Cisco's overall company culture and values.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.