Senior Front End Application Developer
AI-Assisted Development

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.

Hero Background
Current Work

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

32%

Faster page loads (3.93s → 2.67s LCP)

Performance Score

+10

Lighthouse score (64 → 74.3)

Main Thread

100%

Eliminated blocking (TBT: 36.7ms → 0ms)

Security

Zero

Production vulnerabilities

Featured Work

Case Studies

Deep dives into AI-first development, performance optimization, and scalable architecture

AI-First Development
Sherwin-Williams Case Study
Sherwin-Williams: PMX Developer Tooling & Infrastructure

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. Standardized PmxDialog component across 53 implementations touching 274+ files. Achieved 32% faster page loads, eliminated main-thread blocking, and zero production vulnerabilities.

PowerShell
GitHub Copilot
Module Federation
Performance
Growth & Optimization
LiteAF Case Study
LiteAF: Website Redesign & Growth

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.

WordPress
SEO
Core Web Vitals
UX Design
Shopify Architecture
Fara Feather Case Study
Fara Feather: Custom Shopify Build

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.

Shopify
Liquid
Metafields
Component Architecture
Recommendations

What People Say

Client testimonials and peer recommendations from LinkedIn

"I've been working with Todd on my website farafeather.com since the start and I can report that he is simply amazing. Todd is a creative problem solver with vast experience in website design. He has created a Shopify website for my brand that has depth, character, flow, and is simply stunning."
Sky Sterry
Owner
FARA and Wookey Design Studio
February 2026Client
"Really appreciate having the opportunity to work with Todd on UX improvements. He brings a deep knowledge of best practices, empathy and creativity to his work. He has brought fresh perspectives and delivered quality flows to market that are appreciated by customers in how they are experienced ultimately driving positive outcomes."
Jeffrey Louden
Product & CX Strategy Leader
Stanley Black & Decker
October 2022Senior Leader
"Todd is an extremely sharp and talented front-end engineer who exudes passion for his craft. He is patient and empathetic while providing excellent constructive feedback to junior developers. I was amazed at how many plates he was able to keep spinning while committing impeccable code under tight deadlines."
Lucian Onita
Software Architect
NAS Recruitment Innovation
May 2021Technical Peer
About Me

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

Tech Stack

Skills & Technologies

25+ years of tools focused on what moves fast and scales

Frontend:
ReactTypeScriptJavaScript (ES6+)Next.jsReduxVue.jsNode.jsHTML5CSS3JSONGraphQLXML
Styling:
Tailwind CSSSASSCSS-in-JSMUIBootstrap
AI & Automation:
GitHub CopilotCopilot Agent SkillsPowerShell ScriptingAI-Assisted WorkflowsPrompt Engineering
Architecture:
Module FederationMicro FrontendsComponent ArchitectureDesign SystemsVite
Design & UX:
FigmaAdobe XDPhotoshopIllustratorInDesignWebflowAccessibility (WCAG)Usability Testing
Platforms:
Shopify (Liquid)WordPressSalesforce Marketing CloudMySQL
Workflow:
GitHubCI/CDAgile / ScrumJiraJestUnit Testing

Other Projects

Selected work showcasing e-commerce platforms, CMS implementations, and long-term client relationships

Hustler Turf Redesign
Webflow CMS
Hustler Turf Redesign
Led complete website redesign and development using Webflow CMS on a tight four-week timeline. Prioritized mobile optimization, fast loading speeds, and clean layout to enhance user experience. Achieved high Lighthouse scores for ADA compliance, SEO, and best practices despite learning the platform from scratch.
Webflow
Responsive Design
ADA Compliance
SEO

2023

Strong Frames
Long-term Client
Strong Frames
20+ year client relationship building and maintaining e-commerce site and custom order management system. Designed and developed twelve iterations over the years, adapting the brand's online presence from WordPress to lightweight Next.js. Most recent version reflects Carl's craftsmanship while transitioning toward retirement.
Next.js
E-commerce
Long-term Support

1997 - Present

MTD Parts Prototype
Next.js Prototype
MTD Parts Prototype
Built a complete frontend redesign prototype for MTD Parts using Next.js, demonstrating modern UI patterns and improved navigation architecture. Created a production-ready reference implementation that showcased enhanced user experience and established design patterns for the parts catalog.
Next.js
UI/UX Design
Prototyping
E-commerce

2022

Open to Opportunities

Let's Work Together

Targeting Senior Frontend, Design Engineer, and UX Engineer roles. Remote preferred, open to hybrid.

Cleveland, OH