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.