Multi-Theme Design System: CSS Variables + Data Attributes
How I built five switchable themes—each with light/dark variants—using CSS variables and data attributes. Architecture, tradeoffs, and what I'd do differently.
in orbit over New York, NY
product engineer
I ship Shopify Plus storefronts for nine global brands at ABG. I also build open-source MCP servers and dev tools for working with Claude and other LLMs.
AI-proposed commerce changes with scoped authorization, policy gates, human approval, verification, execution receipts, and rollback paths.
Synthetic ops console that turns noisy launch and incident signals into facts, risks, proof gaps, and gated next steps.
Local-first knowledge server for agent-accessible context across documents, memory, and conversations, with hybrid vector and full-text search.
Semantic log compression for LLM context windows. Reduces repetitive logs using the Drain algorithm for template mining.
Adversarial simulation for commerce-agent pricing and policy boundaries before agents touch customer-facing decisions.
Multi-brand Shopify Plus storefront systems for a global brand portfolio, focused on shared frontend patterns, third-party integration surfaces, performance, and maintainability.
Internal platform for multi-store operations—theme management, deployment pipelines, and automated workflows. Built to validate patterns before broader rollout.
Internal real-time analytics dashboard for e-commerce stores. Tested GraphQL cursor pagination, layered auth, and caching strategies across multiple stores.
Tauri 2.0 + Rust app for e-commerce asset optimization. GPU-accelerated video encoding and smart image compression.
Captures errors from monitoring, analyzes with LLM, generates PRs via AI agents. Chrome extension, secure backend, multi-agent orchestration.
Monitors third-party JavaScript SDKs for changes. Hash-based detection, historical archives, MCP server for AI agents.
Building scalable commerce and internal systems
Developer tools for the AI era
How I built five switchable themes—each with light/dark variants—using CSS variables and data attributes. Architecture, tradeoffs, and what I'd do differently.
Frontend Engineer
9 global brand storefronts, third-party SDK integrations
Frontend Engineer
8 WordPress sites, 4 Shopify stores
Frontend Engineer
$1M+ donations/year, 25+ analytics properties, WCAG compliance
Frontend Engineer
WordPress themes, WooCommerce stores
Capital CoLAB Digital Technology Credential in Software Engineering & Data Science
Software engineering and Python programming
Bachelor of Fine Arts in Graphic Design
VCUarts consistently ranked among top design programs nationally
I take on consulting, side projects, and speaking gigs. Got something interesting? Let's talk.
Get in Touch