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.