Work

Roebling

Senior Founding Engineer · Apr. 2025 – Present

Built an AI-powered SaaS platform from an empty repository to production.

One of two founding engineers at Roebling — an AI-powered process modeling platform for biotech and chemical engineering. Architected and own the entire frontend, serving process engineers daily.

0+
Pull Requests
0K+
Lines of Code
0+
Components

AI Chat Experience

Designed and built an integrated AI chat experience for engineering editors — a resizable sidebar with canvas viewport auto-panning, streaming responses, animated plan cards, and persistent conversation state across sessions. The chat enables process engineers to interact with AI directly within their workflow without context switching.

Next.js
TypeScript
React
Supabase
Claude API
Framer Motion

Roebot — AI Agent Orchestrator

Co-building an autonomous AI agent system that listens for events across Linear, Slack, and Notion, then routes tasks to isolated Claude agents running in Docker containers. For code tasks, agents spin up with a full git checkout, write and test code, push branches, and open PRs. For non-code tasks, they research and respond directly. Built the real-time monitoring dashboard — a React SPA where the team supervises active jobs, streams Claude output logs, and visualizes the trigger/agent topology. Evolved from prior AI automation infrastructure (Lambda-based triage and bug scanning) into a unified orchestration platform.

React
TypeScript
Docker
Claude API
AWS
Linear API
Slack API

Visual Graph Editors

Built interactive visual graph editors with React Flow — typed connections, auto-layout, undo/redo, and drag-to-reconnect — powering the core product experience used by process engineers daily. These editors allow engineers to model complex biotech and chemical engineering processes visually.

React Flow
TypeScript
React
Next.js
Framer Motion

Structural Diff Engine

Engineered a full-stack structural diff engine for nested engineering documents with cross-reference-aware warnings, backed by 39 tests. Enables engineers to compare document versions with precise, meaningful change detection.

Python
React
TypeScript

Design System

Created a 55+ component design system with light/dark theming, animation, and domain-specific UI patterns including equation editors, formula fields, and stream visualizations. The system standardizes the product experience across the entire Roebling platform.

React
TypeScript
Tailwind CSS
Shadcn/Radix
Framer Motion
Storybook

Login

Polished authentication flow with smooth transitions and motion design.

Next.js
TypeScript
React
Framer Motion

Unit Settings

Built configurable default unit settings for blocks and projects, allowing process engineers to customize measurement units across their simulations.

Next.js
TypeScript
React

More Work

Real-time Collaboration

Built a real-time collaboration layer using Supabase Realtime — designed a generic subscription factory hook and 7 domain-specific hooks powering live updates across files, blocks, projects, and equipment for concurrent multi-user editing. Also designed a custom Git-like version control system (branching, merging, drafts, checkpoints) for collaborative engineering documents on PostgreSQL, enabling conflict-safe autosave.

Supabase Realtime
TypeScript
React
PostgreSQL
WebSockets

AI Analysis Dashboards

Architected a schema-driven rendering system for AI-generated analysis dashboards that auto-renders charts, tables, and cost breakdowns from typed JSON contracts without per-dashboard code. This system enables the AI to produce rich, structured engineering analyses that render automatically in the frontend.

TypeScript
React
Next.js
Python
FastAPI
Claude API

AI Automation Infrastructure

Built AI-powered automation infrastructure: a two-Lambda ticket triage system using Claude and Bedrock with HMAC webhook security that reduced bug investigation time by 3x, and a nightly post-merge bug scanner that posts risk-sorted findings to Slack.

AWS Lambda
Claude API
Bedrock
TypeScript
Slack API

MCP Adoption & AI Tooling

Pioneered MCP (Model Context Protocol) adoption across the team — configured tiered database access controls, wrote documentation, built 12 custom AI agent skills, and mentored engineers on AI-native development workflows.

MCP
Claude
TypeScript
PostgreSQL
EAB

Software Engineer · Jan. 2021 – Aug. 2024

Native App

Contributed to developing a new native experience using the Ionic framework. This project involved rapidly rebuilding features from the old native app while adapting to an ongoing development process.

LitElement
Ionic
Angular
TypeScript

CareerAscent

Held a key role in developing CareerAscent from scratch, architecting the app using React, Material UI, and Tailwind. This startup-like project demanded rapid development and adaptability to tight deadlines.

React
Tailwind
MaterialUI
TypeScript

Visualization

Led the comprehensive upgrade of EAB's visualization library, managing the project from research to implementation. Selected and customized an open-source library, crafted each chart type, and mentored developers on utilizing the new charts.

LitElement
Chart.js
TypeScript

HIL3

Helped develop HIL3, an improved version of EAB's custom JSON parser language. Enhanced readability and simplified syntax, reducing code complexity and easing adoption across multiple products.

LitElement
TypeScript

UI Library

Played a pivotal role in developing and maintaining an internal UI component library utilized by multiple product teams across the organization, enhancing consistency and efficiency in development processes.

LitElement
Polymer
TypeScript