gas

Standardize Ethereum dApp gas and fee UX patterns with fiat display and sponsorship.

7|3|Updated Mar 3, 2026
One-click install
npx skills add https://github.com/konopkja/ethux-design --skill gas-konopkja
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gas
Source: https://github.com/konopkja/ethux-design/tree/main/skills/gas
Command: npx skills add https://github.com/konopkja/ethux-design --skill gas-konopkja

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Gas and fee UX is complex; this skill standardizes UX patterns for Ethereum dApps to clearly display fees, sponsorship options, and gas-related warnings, reducing user confusion and failed transactions.

Core Features & Use Cases

  • Fiat-enabled fee display: Always show fees in local fiat with primary fiat and secondary ETH amount; support L2 disclosures and real-time estimation.
  • Paymaster sponsorship flows (ERC-7677): Guidance for sponsorship via wallet_sendCalls and paymaster capabilities to cover fees.
  • ERC-20 gas payment patterns: Support paying gas with ERC-20 tokens and in-transaction fee collection via permits.
  • L1/L2 fee breakdowns: Provide separate L2 execution and L1 data costs where applicable, with per-network caveats.
  • High gas warnings & congestion checks: Threshold-based warnings including blocking confirmations for extreme cases.
  • Fallbacks & error handling: Clear fallbacks when data is unavailable or sponsorships fail.

Quick Start

Design an end-to-end gas UX flow for a typical transaction on an Ethereum L2, covering estimation, fiat display, sponsorship checks, and fallback paths.

Frequently Asked Questions about gas

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I display Ethereum gas fees in fiat for dApp users?

Display Ethereum gas fees in fiat by showing the local fiat amount as the primary value and the secondary ETH amount. This approach supports real-time fee estimation and L2 network disclosures to reduce user confusion.

What is a paymaster flow for sponsoring Ethereum gas fees?

A paymaster flow sponsors Ethereum gas fees using the ERC-7677 standard and wallet_sendCalls capabilities. It allows wallets to cover transaction fees for users, removing the need for users to hold ETH.

Can I let users pay gas with ERC-20 tokens instead of ETH?

Yes, you can implement ERC-20 gas payment patterns to let users pay fees with ERC-20 tokens. This involves in-transaction fee collection via permits, eliminating the ETH requirement for transaction approval.

How do I show L1 and L2 fee breakdowns for Ethereum transactions?

Show L1 and L2 fee breakdowns by separating L2 execution costs from L1 data costs. This multi-network cost breakdown includes per-network caveats to accurately present transaction fees across different Ethereum layers.

How should high gas warnings and congestion checks be handled?

Handle high gas warnings and congestion checks using threshold-based warnings. For extreme network congestion cases, these checks can block transaction confirmations to prevent users from paying excessive gas fees.

What happens when gas estimation or paymaster sponsorship fails?

When gas estimation data is unavailable or paymaster sponsorship fails, clear fallbacks are provided. These error handling paths ensure the transaction process degrades gracefully without leaving the user stranded.