EcoAssist: Embedding Sustainability into AI-Assisted Frontend Development

2026-04-05

AI Summary

This work addresses the overlooked energy impact of front-end code generated by AI programming assistants, which exacerbates digital carbon emissions, while existing energy-efficiency guidelines remain underutilized due to insufficient tooling support. To bridge this gap, we introduce the first approach that integrates real-time energy assessment and optimization feedback directly into AI-assisted front-end development via an IDE plugin. Our system combines an IDE-based energy profiling engine, a front-end energy-efficiency evaluation model, and an AI-driven recommendation mechanism to provide actionable suggestions for improving code efficiency. Evaluation on 500 real-world websites demonstrates that our method reduces energy consumption by 13–16% on average, significantly enhances developers’ energy-awareness without compromising development productivity, and effectively narrows the divide between sustainability research and practical software development.

Abstract

Frontend code, replicated across millions of page views, consumes significant energy and contributes directly to digital emissions. Yet current AI coding assistants, such as GitHub Copilot and Amazon CodeWhisperer, emphasize developer speed and convenience, with energy impact not yet a primary focus. At the same time, existing energy-focused guidelines and metrics have seen limited adoption among practitioners, leaving a gap between research and everyday coding practice. To address this gap, we introduce EcoAssist, an energy-aware assistant integrated into an IDE that analyzes AI-generated frontend code, estimates its energy footprint, and proposes targeted optimizations. We evaluated EcoAssist through benchmarks of 500 websites and a controlled study with 20 developers. Results show that EcoAssist reduced per-website energy by 13-16% on average, increased developers' awareness of energy use, and maintained developer productivity. This work demonstrates how energy considerations can be embedded directly into AI-assisted coding workflows, supporting developers as they engage with energy implications through actionable feedback.

Problem

• energy efficiency
• AI-assisted coding
• frontend development
• digital emissions
• sustainable software

Innovation

• energy-aware AI
• sustainable software development
• frontend code optimization
• digital emissions
• IDE-integrated assistant