UI Engineer (New Grad)

📍 Job Overview

Job Title: UI Engineer (New Grad)

Company: BlueRock Security, Inc.

Location: [Location - Not Specified, but remote is possible]

Job Type: Full-Time

Category: Frontend Engineering / Software Development (with a focus on Operations Consoles)

Date Posted: 2026-09-08

Experience Level: Entry-Level (0-2 years)

Remote Status: Remote OK (Hybrid or On-site may be possible depending on specific location)

🚀 Role Summary

• Develop and maintain user-facing interfaces for BlueRock's operator consoles, focusing on React and TypeScript.

• Build data-dense views, including dashboards, metric cards, and charts, for managing AI agents and protected nodes.

• Contribute to and refine the company's design system, ensuring consistency and usability across applications.

• Collaborate on full-stack features, potentially extending into API layers and backend services as skills develop.

• Engage with cutting-edge AI and agentic systems from an operational and security perspective.

📝 Enhancement Note: While the title is "UI Engineer," the description strongly implies a role that bridges frontend development with operational tooling and security. The emphasis on "operator consoles," "managing large fleets," "security teams," and "AI agents" indicates a need for engineers who can translate complex operational data and security requirements into intuitive user experiences. This role is not just about visual aesthetics but about enabling effective management and control of sophisticated systems.

📈 Primary Responsibilities

• Design, develop, and implement user interfaces for BlueRock's operator consoles using React, TypeScript, and modern frontend technologies.

• Address and resolve UI bugs, focusing on layout, overflow, tooltips, popovers, and clarity in empty/zero states.

• Enhance user flows by implementing navigation, validation, and guardrails to prevent erroneous policy drafts.

• Build and maintain components within the company's design system, ensuring consistency and scalability.

• Develop data-intensive visualization components, such as dashboards, charts, and time-range filtered views for agent and fleet data.

• Ship features behind feature flags, managing the release process for new functionalities.

• Gain exposure to and work within cloud environments, understanding the control plane and management platforms.

• Write comprehensive tests (unit, integration, E2E) using Vitest and Playwright to ensure code quality and stability.

• Collaborate closely with design and product teams to translate requirements into functional and user-friendly interfaces.

• Participate in code reviews, offering constructive feedback and incorporating suggestions to improve code quality.

📝 Enhancement Note: The responsibilities highlight a structured approach to learning and contribution, starting with bug fixes and small features before progressing to owning entire feature areas. The progression from "land changes safely" to "own a surface" and then to "pick your depth" (design-leaning frontend or full-stack) indicates a clear growth path designed for early-career engineers. The emphasis on "diagnose before you change," "small, deliberate diffs," and "fix it in one place" are core engineering principles crucial for operations-focused roles dealing with complex systems.

🎓 Skills & Qualifications

Education:

• A computer science or software engineering degree, or equivalent practical experience demonstrating rigorous analytical and problem-solving skills.

• Self-taught individuals with a portfolio showcasing equivalent rigor are encouraged to apply. Experience:

• 0-2 years of professional software engineering experience.

• Internship experience or substantial personal/open-source projects are highly valued. Required Skills:

• TypeScript & React: Proficiency in modern React (hooks, composition, state management) and TypeScript, with an understanding of component lifecycles and re-render optimization.

• CSS & Layout: Strong command of CSS, including Flexbox, Grid, handling overflow and scroll containers, responsive design principles, and understanding UI element positioning (e.g., tooltips, popovers).

• Version Control: Proficient use of Git for branching, committing, and responding to code reviews.

• Problem-Solving: Demonstrated ability to diagnose issues systematically, find root causes, and explain fixes.

• Code Ownership: Ability to reason about and confidently modify code written by others.

• Attention to Detail: Meticulous attention to visual details and user experience nuances.

• Domain Interest: Genuine interest in AI, agentic systems, and the associated operational and security challenges.

Preferred Skills:

• Experience with Vite and Ant Design.

• Familiarity with GraphQL.

• Exposure to charting libraries for data visualization.

• Experience with Vitest for unit testing and Playwright for end-to-end testing.

• Contributions to a component library or design system.

• A design portfolio showcasing visual detail and interaction design principles.

• Experience with dense data-heavy tooling or operational dashboards.

📝 Enhancement Note: The requirements emphasize engineering habits and foundational knowledge over years of experience. The "Nice to have" section provides clear indicators of what would make a candidate stand out, particularly in areas like design systems and testing frameworks, which are critical for building robust operational tools.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Code Samples: Showcase well-structured, readable, and well-tested code, preferably in TypeScript and React.

• Problem-Solving Examples: Include projects demonstrating your ability to diagnose complex issues and implement effective solutions.

• UI/UX Design: If applicable, showcase projects with a strong emphasis on user interface design, interaction patterns, and visual detail.

• Design System Contributions: Highlight any work on component libraries, design systems, or a focus on design consistency.

• Data Visualization: Projects that involve displaying and interacting with complex data sets, such as dashboards or analytical views.

Process Documentation:

• Version Control Workflow: Demonstrate a clear understanding of Git workflows through commit history and project structure.

• Testing Strategy: Evidence of comprehensive testing (unit, integration, E2E) within projects.

• Component Development: Examples of reusable UI components, ideally with documentation or clear usage patterns.

• Debugging and Iteration: Cases where you identified a bug, investigated its root cause, and implemented a fix, with clear explanations.

📝 Enhancement Note: For a new grad role, the portfolio is crucial for demonstrating potential and foundational skills. The emphasis should be on the quality of code and the thought process behind development, rather than the sheer volume of projects. Clear explanations of design choices, problem-solving approaches, and testing strategies are key.

💵 Compensation & Benefits

Salary Range:

• Based on industry benchmarks for entry-level UI Engineers in remote or tech-hub locations, a competitive salary range is estimated between $80,000 - $110,000 USD annually. This estimate accounts for the company's early-stage, well-funded status and the demand for skilled frontend engineers in the cybersecurity and AI space. Benefits:

• Comprehensive health, dental, and vision insurance.

• Stock options/equity grants, reflecting the early-stage nature of the company and potential for growth.

• Generous paid time off (PTO) and holidays.

• Professional development budget for conferences, courses, and learning resources.

• Remote work stipend or home office setup allowance.

• Access to cutting-edge AI development tools and technologies. Working Hours:

• Standard 40-hour work week.

• Flexibility in working hours is expected, with core collaboration times to be defined by the team.

• Emphasis on asynchronous communication and efficient work practices to accommodate remote team members.

📝 Enhancement Note: Salary is estimated based on typical compensation for new graduate UI Engineers in tech companies, considering the company's funding and location flexibility. Benefits are inferred from standard offerings for well-funded startups in the tech sector, with a focus on professional growth and remote work support.

🎯 Team & Company Context

🏢 Company Culture

Industry: Cybersecurity, Artificial Intelligence (AI), Application Runtime Security.

Company Size: Early Stage (likely <50 employees, but growing rapidly).

Founded: [Company Founded - Not Specified]. BlueRock Security is a well-funded, early-stage cybersecurity company.

Team Structure:

• Control Plane Development Team: You will be part of a team focused on the operator consoles and backend systems that manage BlueRock's security products.

• Cross-Functional Collaboration: Close collaboration with product management, design, and potentially backend/infrastructure engineers.

• Mentorship Model: The role is structured for growth, implying a supportive environment with opportunities to learn from more experienced engineers.

Methodology:

• AI-Assisted Development: Expect to leverage AI tools (Claude Code, Cursor, Codex) as a core part of the development workflow for code reading, drafting, and review.

• Iterative Development: Focus on shipping small, deliberate changes and iterating based on feedback and testing.

• Data-Driven Decisions: UI development will be informed by operational data and user needs for visibility and control.

Company Website: https://www.bluerock.io/

📝 Enhancement Note: BlueRock is positioned at the intersection of AI and cybersecurity, a rapidly evolving and critical field. The company's mission to proactively protect applications suggests a culture that values innovation, rigorous engineering, and a deep understanding of both development and security concerns. The early-stage nature implies a fast-paced environment with significant impact opportunities.

📈 Career & Growth Analysis

Operations Career Level: Entry-Level UI Engineer with a strong trajectory towards becoming a core contributor in operational tooling and potentially full-stack development.

Reporting Structure: Reports to a Engineering Manager or Lead within the control plane development team.

Operations Impact: Your work will directly enable security teams and developers to effectively manage and secure large-scale AI deployments, providing critical visibility and control over complex systems.

Growth Opportunities:

• Frontend Specialization: Deepen expertise in UI/UX design, interaction design, data visualization, and design system architecture.

• Full-Stack Development: Transition into full-stack engineering by learning backend technologies (TypeScript, Rust) and understanding the entire system architecture from agent to cloud control plane.

• Domain Expertise: Develop deep knowledge in cybersecurity, AI agentic systems, fleet management, and operational observability.

• Leadership Potential: As experience grows, take ownership of feature areas, contribute to technical strategy, and potentially mentor junior engineers.

📝 Enhancement Note: The "Growth path" section explicitly outlines a deliberate and accelerated progression. The company is investing in new graduates with the expectation of rapid development, offering clear pathways to specialization or broader full-stack roles. This indicates a commitment to internal talent development.

🌐 Work Environment

Office Type: Remote-first or Hybrid (given "Remote OK" status). Specific office locations are not detailed, but the company operates within cloud and desktop environments.

Office Location(s): Not specified in the provided data. The "Remote OK" status suggests flexibility.

Workspace Context:

• Remote Collaboration: Expect a heavily remote-first or hybrid work environment, requiring strong asynchronous communication skills and proficiency with collaboration tools.

• Technology Stack: Access to modern development tools and AI-assisted coding environments.

• Cross-Functional Interaction: Regular engagement with product managers, designers, and other engineering teams to define and build features.

Work Schedule:

• Standard 40-hour work week with flexibility.

• Emphasis on delivering high-quality work and meeting project deadlines, rather than strict adherence to hours.

• The nature of operations and security tooling may occasionally require responsiveness outside standard hours for critical issues.

📝 Enhancement Note: The "Remote OK" status is a key indicator. For operations-critical tools, even with remote flexibility, there might be an expectation of availability for urgent issues, especially as the engineer gains more experience and ownership.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of resume and portfolio to assess foundational skills and alignment with requirements.

• Technical Interview(s): Focus on core CS concepts, TypeScript/React proficiency, CSS layout, and problem-solving abilities. Expect coding exercises, potentially live coding or take-home assignments.

• System Design/Problem-Solving: Discussion of how to approach complex UI challenges, such as visualizing large datasets or designing intuitive control flows.

• Behavioral Interview: Assessment of engineering habits (diagnosing, small diffs, verification), collaboration style, and interest in the domain.

• Hiring Manager/Team Fit: Discussion about career goals, learning aspirations, and cultural alignment.

Portfolio Review Tips:

• Showcase Core Skills: Highlight projects demonstrating strong TypeScript, React, and CSS fundamentals.

• Explain Your Process: For each project, clearly articulate the problem you were solving, your design choices, the technical challenges, and how you tested your work.

• Demonstrate Engineering Habits: Use your project explanations to illustrate your approach to debugging, writing clean code, and making deliberate changes.

• Visual Detail Matters: If possible, showcase projects with excellent visual polish and attention to detail, especially responsive design.

• AI-Assisted Work: If you have projects where you used AI coding tools, be prepared to discuss how you leveraged them, what you verified independently, and how you ensured the final quality.

Challenge Preparation:

• Coding Challenges: Practice common data structure and algorithm problems, but also focus on React component implementation and state management scenarios.

• CSS Layout Problems: Be ready to solve specific CSS layout puzzles or build responsive components.

• Debugging Scenarios: Prepare to walk through debugging a hypothetical UI issue, explaining your thought process.

• "What's Wrong Here?" Questions: Expect scenarios where you're shown code or a UI and asked to identify issues and suggest improvements.

📝 Enhancement Note: The emphasis on "habits of a careful engineer" means interviewers will probe beyond just technical correctness. They'll be looking for how you approach problems, learn, and collaborate. The portfolio should serve as evidence of these habits.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Framework: React

• Language: TypeScript

• Build Tool: Vite

• UI Component Library: Ant Design (and BlueRock's internal Design System)

• Styling: CSS (Flexbox, Grid), potentially CSS-in-JS or styled-components.

• Testing: Vitest (Unit/Integration), Playwright (End-to-End)

• Version Control: Git

Analytics & Reporting:

• Data Visualization Libraries: (e.g., Chart.js, Recharts, or similar for data-dense views)

• Dashboarding: UI components designed for displaying real-time or aggregated operational data.

CRM & Automation:

• Not directly applicable to this UI Engineer role, but the systems they build will interact with backend services that manage agent fleets and security policies. AI Development Tools:

• Claude Code, Cursor, Codex (integrated into the development workflow)

📝 Enhancement Note: Proficiency with the core stack (React, TypeScript, CSS) is essential. Familiarity with the testing tools (Vitest, Playwright) and build tools (Vite) is highly desirable. Experience with Ant Design is a plus. The mention of AI coding tools indicates a modern development environment.

👥 Team Culture & Values

Operations Values:

• Engineering Rigor: A commitment to careful, deliberate engineering practices, focusing on correctness and maintainability.

• Problem-Solving: A drive to understand the root cause of issues and implement effective, long-term solutions.

• Continuous Learning: An appetite for learning new technologies, tools, and domain knowledge, especially in the fast-paced AI and cybersecurity fields.

• Collaboration & Communication: Openness to feedback, willingness to share knowledge, and ability to communicate clearly about technical challenges and progress.

• Impact-Oriented: A focus on delivering features that provide tangible value to users (security teams, developers) and contribute to the company's mission.

Collaboration Style:

• Pair Programming/Collaboration: Expect opportunities for pair programming and collaborative problem-solving, especially with AI coding tools.

• Code Review Culture: A strong emphasis on constructive code reviews for knowledge sharing and quality assurance.

• Cross-Functional Partnership: Working closely with product and design to ensure UI solutions meet user needs and business objectives.

• Asynchronous Communication: Reliance on tools like Slack and documentation for effective communication in a remote setting.

📝 Enhancement Note: The values described align with a high-performing engineering team focused on building complex, reliable systems. The emphasis on "careful engineer" habits suggests a culture that values quality and thoughtful execution over speed alone.

⚡ Challenges & Growth Opportunities

Challenges:

• Visibility in Dense Data: Designing UIs that effectively present and allow interaction with large volumes of operational and security data for thousands of agent sessions.

• Balancing Complexity and Usability: Creating intuitive interfaces for complex operational tasks and security policy authoring without introducing errors.

• Multi-Platform Development: Working within environments that span cloud control planes and desktop applications (Windows, Mac, Linux).

• Rapidly Evolving Domain: Staying current with advancements in AI, agentic systems, and cybersecurity threats.

• AI-Assisted Workflow Integration: Mastering the use of AI coding tools, ensuring accuracy, and understanding their limitations.

Learning & Development Opportunities:

• Specialized Frontend Skills: Deep dive into data visualization, interaction design, and scalable design systems.

• Full-Stack Exposure: Opportunity to learn and apply backend development skills in TypeScript and Rust, understanding system architecture.

• Domain Expertise: Gain in-depth knowledge of cybersecurity principles, AI agent behavior, fleet management, and observability.

• Tooling Mastery: Become highly proficient with modern frontend development tools, testing frameworks, and AI coding assistants.

• Mentorship: Learn from experienced engineers and potentially contribute to mentoring future hires.

📝 Enhancement Note: The challenges are specific to the domain and technology, offering significant learning opportunities. The company appears committed to providing the resources and environment for engineers to grow into these challenges.

💡 Interview Preparation

Strategy Questions:

• UI/UX Design for Operations: "How would you design a dashboard to show the status of 10,000 AI agents, highlighting potential issues?" (Focus on data density, filtering, and actionable insights.)

• Problem-Solving Approach: "Describe a time you fixed a bug that was difficult to diagnose. What was your process?" (Emphasize systematic diagnosis, root cause analysis, and verification.)

• React/TypeScript Fundamentals: "Explain the concept of component composition in React and why it's important for building reusable UI elements." or "When would you use a custom hook versus a higher-order component?"

• CSS Layout Challenges: "How would you ensure a complex layout with multiple scrollable panes remains responsive and usable on different screen sizes?"

Company & Culture Questions:

• "What interests you about BlueRock's mission in AI and cybersecurity?"

• "How do you approach learning a new codebase or unfamiliar technology?"

• "Describe your ideal team environment and how you contribute to collaboration."

• "How do you ensure the quality and correctness of your code, especially when using AI assistance?" Portfolio Presentation Strategy:

• Tell a Story: For each project, explain the problem, your solution, your specific contributions, and the outcomes.

• Highlight Technical Decisions: Justify your choices of libraries, patterns, and architectural decisions.

• Demonstrate Process: Show how you used Git, how you tested your code, and how you approached debugging.

• Focus on Impact: Quantify results where possible (e.g., "improved load time by X%", "reduced bug reports for Y feature").

• Be Ready for Deep Dives: Prepare to discuss specific code snippets or architectural details from your portfolio.

📝 Enhancement Note: Interview preparation should focus on demonstrating the "careful engineer" habits mentioned. Be ready to articulate your thought process for debugging, code quality, and problem-solving, especially as it relates to complex operational UIs and AI-assisted development.

📌 Application Steps

To apply for this operations-focused UI Engineer position:

• Submit your application through the provided link on Ashby.

• Portfolio Customization: Curate your portfolio to prominently feature projects showcasing strong TypeScript, React, CSS, and problem-solving skills. Highlight any work on design systems, data visualization, or complex UIs.

• Resume Optimization: Tailor your resume to emphasize relevant skills (TypeScript, React, CSS, Git, testing) and any experience or projects demonstrating careful engineering habits and an interest in AI/cybersecurity. Clearly state your education or equivalent rigorous experience.

• Interview Preparation: Practice explaining your projects, your debugging process, and your approach to building robust UIs. Be prepared to discuss your understanding of AI and cybersecurity domains.

• Company Research: Familiarize yourself with BlueRock Security's mission, technology focus, and the challenges in application runtime security. Understand how your role contributes to their overall goals.

⚠️ 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.