Todd HeckelerFront-End Developer
I build AI-assisted development workflows and infrastructure that enable platform-wide improvements. At Sherwin-Williams, I created custom GitHub Copilot Agent Skills, automated platform analysis, and developer tooling that achieved 32% faster page loads and zero production vulnerabilities across 10 micro frontends. I use AI as a force multiplier to work at the architecture level while handling implementation efficiently. Experienced in Module Federation architectures, design systems, and performance optimization.
AI-First Development Infrastructure at
Sherwin-Williams
Built AI-assisted development workflows and infrastructure for a Module Federation platform with 10 micro frontends, achieving measurable performance improvements and zero production vulnerabilities.
Page Load Time
Faster page loads (3.93s → 2.67s LCP)
Performance Score
Lighthouse score (64 → 74.3)
Main Thread
Eliminated blocking (TBT: 36.7ms → 0ms)
Security
Production vulnerabilities
Case Studies
Deep dives into AI-first development, performance optimization, and scalable architecture
Built AI-assisted development workflows for a Module Federation platform with 10 micro frontends. Created custom GitHub Copilot Agent Skills, 15+ PowerShell automation scripts, and VS Code task automation that achieved 32% faster page loads, eliminated main-thread blocking, and zero production vulnerabilities.
Led full site redesign during an economic downturn that grew year-over-year orders by 11% and products sold by 24%. Focused on mobile-first UX improvements, Core Web Vitals optimization, and technical SEO foundation to drive organic visibility and conversion.
Built comprehensive custom Shopify theme on Dawn v15.2.0 with 22+ custom sections, 9 reusable components, complete design system, and dual-environment development workflow. Prototyped in React/Next.js with v0, converted to production Liquid.
25+ Years Building Digital Experiences
From building my own design business in the outdoor and cycling industries to leading performance initiatives at enterprise companies, I've evolved with the web. Currently building scalable React applications at Sherwin-Williams while maintaining my passion for thoughtful design and measurable impact.
Performance & Stability
Led initiatives achieving zero package vulnerabilities and measurable gains in page load time, JavaScript execution, and React rendering
AI-First Development Workflows
Build custom GitHub Copilot Agent Skills, automated platform analysis, and developer tooling that enable platform-wide improvements and systematic refactoring
Design Thinking + Modern Architecture
Unique blend of Visual Communication & Design degree with deep technical expertise in React, TypeScript, and Module Federation
How I Work
AI-First Development
Design workflows and architecture, let AI handle implementation
Platform-Wide Thinking
Analyze patterns across 10 micro frontends, not just individual components
Infrastructure Building
Custom agent skills, automation scripts, developer tooling that compounds over time
Systematic Refactoring
Identify anti-patterns and inconsistencies, implement solutions at scale
Design Systems
Centralized theming, shared components, consistent UX across platforms
Current Role
Senior Front End Application Developer
Sherwin-Williams
July 2024 – Present
Other Projects
Selected work showcasing e-commerce platforms, CMS implementations, and long-term client relationships
2025
2023
1997 - Present