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
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 28% faster JavaScript execution 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 custom Shopify theme with modular product templates and metafield-driven content architecture. Created reusable Liquid components that enabled merchant-safe customization without developer intervention, achieving zero code duplication and full content autonomy.
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