UI Architect

Rocket Learning; Bengaluru; Hybrid; INR 1,500,000 - 2,000,000; Full time

Job summary

Rocket Learning is looking for a UI Architect who will design and lead scalable React-based user interfaces utilizing AI tools like Cursor. The role involves architecting applications, implementing Test-Driven Development (TDD), optimizing workflows, and mentoring teams. Candidates should have over 6 years of experience in React, proficiency in AI coding tools, and knowledge of modern stacks like TypeScript and TailwindCSS. This position offers a unique opportunity to significantly impact early childhood education in India.

Qualifications

• 6+ years of React experience, including Hooks and Concurrent Mode.
• Hands-on experience with AI tools like Cursor AI for coding.
• Strong knowledge of TypeScript, TailwindCSS, and Vite.

Responsibilities

• Architect scalable React applications using AI-assisted tools.
• Implement Test-Driven Development (TDD) workflows.
• Create coding standards and optimize enterprise workflows.
• Mentor teams on AI tooling and translate designs to React.

Skills

React Expertise

AI Tools Proficiency

Modern Stack

Architecture Skills

Enterprise Experience

Tools

Cursor AI

Jest

TypeScript

TailwindCSS

Vite

Playwright

Job description

Title: UI Architect Experience: 6-8 Years Location: Bengaluru/Remote

About Rocket Learning Rocket Learning is one of India’s fastest-growing ed-tech non-profits, focused on transforming early childhood education at scale. Working closely with central and state governments, we reach over 5 million children across the country. Our approach combines simple, accessible technology with deep community engagement, empowering caregivers and educators to build strong early learning habits. With a diverse, high-performing team and support from leading funders, we are on a mission to reimagine early learning for every 0–6 year old in India.

Role Overview

The UI Architect designs and leads scalable React-based user interfaces while leveraging AI tools like Cursor for accelerated development workflows. You will use Cursor’s Composer, Agent mode, and codebase intelligence to prototype rapidly, refactor at scale, and enforce architectural standards across enterprise projects.

Key Responsibilities

• Architect React applications using AI-assisted tools: Employ Cursor Composer for multi-file component generation, state management setup (Redux/Zustand), and design system implementation.
• Lead AI-driven development: Implement Test-Driven Development (TDD) loops in Cursor Agent mode—generate Jest tests first, then iterate code until green—ensuring high-quality, performant UIs.
• Establish coding standards: Create Cursor .cursorrules files and prompt libraries for React patterns, accessibility, and performance optimization to standardize team output.
• Optimize enterprise workflows: Use Cursor’s repo indexing for large-scale refactoring, security reviews, and vulnerability scanning in React/Next.js codebases.
• Mentor on AI tooling: Train teams on Cursor features (inline chat, @docs, background agents) to boost React development velocity by 2-3x while maintaining code quality.
• Collaborate cross-functionally: Translate Figma designs to React via Cursor’s natural language prompts, integrating with back-end APIs and ensuring Core Web Vitals compliance.

Required Qualifications

• React Expertise: 6+ years with Hooks, Concurrent Mode, Server Components; state management (Redux/Context); performance tools.
• AI Tools Proficiency: 1+ years hands–on Cursor AI or Claude Code or any other prominent AI coding tool: Composer/Tab/Agent for React; custom rules; TDD workflows; enterprise features like security scanning.
• Modern Stack: TypeScript, TailwindCSS/Shadcn, Vite, React Query, Playwright/Jest—all optimized for Cursor autocomplete and refactoring.
• Architecture Skills: Design systems, micro-frontends, monorepos (Nx/Turborepo); Lighthouse ≥95 scores via AI‑assisted optimization.
• Enterprise Experience: Leading React teams (10+ devs); AI tool adoption yielding measurable velocity gains; Fortune 500‑scale codebase handling.