Vaibhav RaiStaff Frontend
Open to Senior & Staff Roles

Vaibhav Kumar Rai

Senior Frontend & Systems Engineer

I architect large-scale React frontends, virtualized data engines, and design systems, mostly for security, compliance, and agentic AI products. When an application has outgrown its initial architecture, I restructure it without halting the product roadmap.

Resume
Engineering Telemetry
7+Years Shipping Systems
100kVirtualized Rows @ 60 FPS
5Svelte & Qwik Core PRs
0Layout Shifts / Zero Jank
Now
Open to senior and staff roles
Recently
2 years at Scrut Automation
Stack
React, Next.js, TypeScript, Vue, PostgreSQL, FastAPI
Focus
Design systems, data-heavy UI, migrations
Engineering In Action

Interactive Engineering Benchmarks

Live proofs of claims from my CV, executed natively in your browser. No mock screenshots, zero client data, real-time compute.

Security findings benchmarkZero-Jank Virtualization
60 FPS0.4ms slice compute0 DOM nodes0 mutations
Dataset:
Allocating 50,000 synthetic records…

Engineered for data-dense enterprise UIs: Up to 100,000 rows in memory, yet strictly ~14 active elements in the DOM tree. Mutations stream concurrently while scrolling with zero layout recalculation bottlenecks.

Design Token & System StudioDynamic Cascading Variables
--primary #42655b--radius 10pxmode compact
10px

Vendor SOC 2 Compliance Review

Expiring in 18 days

Continuous cloud asset scanning detected unencrypted S3 read policies on staging environment.

Owner: VaibhavFramework: SOC 2 Type IIAuditor: Passed

Cascading Design Architecture: Child elements inherit semantic tokens via CSS variables rather than hardcoded rules. Updating the design contract instantly restyles the entire surface while preserving accessibility contrast ratios.

Systems Thinking

Architecture Blueprints

Interactive topologies of production systems I’ve designed and shipped. Click any stage to inspect the technical decisions and latency budgets.

UI PresentationLatency: 16.6ms (60 FPS)

Windowed Virtual DOM

React 19 / Custom Virtualizer

Function & Data Flow

Renders 50,000+ items with only ~14 active elements in the browser DOM at any time.

Architectural Trade-Off & Decision

Absolute translateY positioning + overscan buffer avoids browser reflow thrashing during high-speed scroll.

Track Record

Where I’ve Worked

Over 7 years architecting resilient web applications, data pipelines, and design systems. Most systems live behind auth, so public product links and architectural deep dives are provided below.

Scrut Automation

Promoted from SDE II (Jun 2024) to Senior (Apr 2025), same team
2024 — 2026 · Bangalore

Senior Software Engineer, Frontend

  • Owned the React frontend architecture for the core security products, findings and vulnerability management. Made the technical calls, reviewed the code and coordinated releases as the senior engineer on the pod.
  • Rearchitected the app around a UI design system spanning multiple modules, the layer the rest of the frontend pod built against every sprint.
  • Added virtualization and a reusable real-time table for live, data-heavy views, then used code splitting to cut initial bundle size and load time.
  • Built the dashboards that surface security findings and incidents, so customer teams could resolve issues faster.
  • Integrated PostHog and worked with PMs and designers to add business-level signals and analytics.
ReactTypeScriptDesign systemVirtualizationMicro frontendsNxPostHog

Kami Vision

2022 — 2024 · Bangalore

Senior Software Engineer, Frontend

Kami Cloud · B2C

  • Rewrote the Vue.js app in React and built a reusable design system under it with Storybook and custom theming.
  • Added responsive layouts, internationalization, code splitting, lazy loading and Stripe payments, with integration tests behind them.

Internal Dashboard · B2B

  • Built the org-facing dashboard in Next.js with SSR and SSG, plus TypeScript transformers that normalized inconsistent API responses into one shape.
  • Set up the shared design system and testing approach the internal teams onboarded onto.

Framework Migration: Vue.js React

ReactNext.jsVue.jsTypeScriptStorybookStripei18nSSR / SSG

Milky Way AI

2022 · Remote

Freelance Frontend Engineer

  • Built a dashboard that automates stock replenishment and gives retail operations a real-time read on inventory.

Quizizz

2021 — 2022 · Remote

Freelance Frontend Engineer

  • Worked the migration off Krafty onto Nuxt and built the complex UI components that came with it.

Framework Migration: Krafty Nuxt

Vue.jsNuxt

Klinify

2019 — 2021 · Remote

Frontend Engineer

  • Cut dashboard load time by 45% with memoization, API optimizations and code splitting.
  • Built a configurable design system carrying per-clinic branding, themes and layouts, with SSR and SSG for the dynamic content and SEO.
  • Added internationalization, Flask APIs and CouchDB map-reduce transformations.
ReactSSR / SSGDesign systemFlaskCouchDBi18n

Appknox

2019 · Bangalore

Frontend Engineer

  • Built the Ember.js interface for running and managing application security scans, so customers could run several scans in parallel instead of one at a time. Throughput went up, turnaround came down.
  • 25 pull requests merged into appknox/irene, their open source frontend.
Ember.jsAppSecOpen source

Squadcast

2018 — 2019 · Bangalore

Software Engineer Intern

  • Built a bidirectional sync between Slack and Squadcast chat so incident updates landed in real time on both sides.
  • Wrote Enzyme tests across the frontend, shipped serverless Kubeless microservices, and stood up an Artifactory registry for private npm packages.
ReactNode.jsKubelessEnzymeArtifactory
Production & Open Source

Featured Projects

Entirely mine, so I can show all of it. One is running live below.

Project

AgentGate

Permission control for AI agents over MCP. It sits between an agent and a server like GitHub, Stripe or Slack, enforces per-tool permissions, scans responses for security problems, logs every decision, and revokes access instantly. The agent never gets the real API key, only a gateway URL.

Give an agent a GitHub token today and it gets everything that token allows. There's no way to say “read repos, never delete them.” This is my answer to that.

TypeScriptMCPAccess controlAudit log
Source Demo
Project

Bandhu

A companion-first mental health check-in app for India. The idea is that it should feel like texting a friend, not opening a treatment tool. FastAPI with async SQLAlchemy and Postgres/pgvector on the back, React 19, Vite, Tailwind v4 and shadcn/ui on the front, NVIDIA NIM and Langfuse in the pipeline.

It's a prototype and I say so in the README. Anything safety-critical, crisis-language detection and clinical suggestions, sits behind a pipeline that has to be reviewed before it ships. The engineering docs cover the pipeline design, the vector schema and the manual QA cases.

React 19FastAPIpgvectorRAGLangfuseTailwind v4
Live Eng docs Source

The real app, running here. Try it.

Open source

Svelte & Qwik core

5 pull requests merged into Svelte and one into Qwik: element bindings, a contenteditable regression, beforeUpdate firing twice, onDestroy ordering, each-block bindings with spread syntax. Small fixes, but they meant reading someone else's compiler until the bug made sense.

SvelteQwikCompilers
Svelte PRs
2017 — 2018

coala, GSoC and Code-in

Google Summer of Code 2018. Wrote a Python tool that drops you straight into an analyzer's code and steps through it with a debugger interface like pdb, so debugging an analyzer got about as easy as writing one.

Google Code-in mentor, two terms, with coala, the open source static analysis org. Also 2 merged fixes into man-group/pytest-plugins and an ESLint plugin of my own for nested-if detection.

PythonStatic analysisMentoring
GSoC repo

Technical Toolkit

Frontend
React.js, Next.js, Vue.js, TypeScript, JavaScript, HTML5, CSS3, Tailwind CSS
State & data
Redux, Zustand, React Query, REST APIs
Testing
Jest, Cypress, Storybook, Enzyme
Architecture
Design systems, micro frontends, Nx monorepo, SSR, SSG, component libraries, i18n, virtualization, performance work
Backend
FastAPI, Python, Node.js, PostgreSQL, NoSQL, Swagger
AI & telemetry
Retrieval-augmented generation, Langfuse, Grafana, telemetry, MCP
Tools
Git, CI/CD, Webpack, Vite, Jira, AWS
UI / UX
Responsive design, accessibility (a11y), cross-browser compatibility
Languages
English (full professional), Hindi (full professional)

Education, Certifications & Focus

2015 — 2019
B.Tech, Computer Science and Engineering. Shri Mata Vaishno Devi University, Jammu & Kashmir
Certificates
DeepLearning.AI: Neural Networks and Deep Learning · DeepLearning.AI: Machine Learning · Google: Foundations of Project Management · Google: Project Initiation
Right now
Going deep on agentic AI systems and streaming RAG, focusing on fine-grained MCP tool security (AgentGate) and high-throughput data visualization. What I am solving is what these emerging AI workflows demand from frontend architectures.
Off the clock
Runner, paragliding pilot, licensed skydiver. I keep a CSS-only art gallery on CodePen, because I'd rather battle CSS than DS Algo.