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 28% faster JavaScript execution 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 LCP (10.90s → 5.06s)
JS Execution
Faster JavaScript execution
React Rendering
Improved rendering performance
Dependencies
Reduced third-party bloat
Technical Approach
Error Boundaries: Implemented across Module Federation architecture to prevent cascading failures
Dependency Optimization: Achieved zero vulnerabilities through systematic remediation
AI-First Workflows: Created custom GitHub Copilot Agent Skills, 15+ PowerShell automation scripts, and VS Code task automation for platform-wide analysis
Tech Stack
Additional Achievements
- • Built shared components deployed across 9 micro-frontends
- • Standardized React Router to version 7.12.0
- • Implemented Vite optimizations for better tree-shaking
Real Projects, Measurable Results
Transforming challenges into growth opportunities through strategic design and development
The Challenge
LiteAF faced declining traffic and conversions in a challenging economic climate. Their Wordpress site needed modernization and better mobile UX.
The Solution
Complete site redesign focusing on mobile UX, simplified navigation, improved page speed, and SEO-friendly architecture.
The Impact
Despite economic headwinds, LiteAF achieved growth across all key metrics, demonstrating digital resilience and brand strength.
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