frontend-ux

Enforces UX patterns for Apertum dApp interfaces including wallet connections and transaction flows.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/Tekholms-LW/apertum-skills --skill frontend-ux-tekholms-lw
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-ux
Source: https://github.com/Tekholms-LW/apertum-skills/tree/main/frontend-ux
Command: npx skills add https://github.com/Tekholms-LW/apertum-skills --skill frontend-ux-tekholms-lw

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill prevents common frontend mistakes in Apertum dApps by enforcing reliable transaction flows, clear wallet interactions, and user-friendly blockchain interfaces.

Core Features & Use Cases

  • Onchain Interaction UX: Defines pending states, button locking, transaction feedback, and four-state wallet action flows for safer user operations.
  • Wallet and Address Experience: Guides address formatting, explorer links, copy support, network switching, and token value presentation.
  • Use Case: Help developers build a production-ready Apertum dApp frontend where users can connect wallets, approve tokens, execute transactions, and recover from common blockchain errors.

Quick Start

Use the frontend-ux skill to review my Apertum dApp interface and apply the required transaction, wallet, and error handling UX patterns.

Frequently Asked Questions about frontend-ux

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

FAQPage Schema
How do I handle pending states and transaction feedback in a web3 dApp frontend?

To handle pending states in a web3 dApp frontend, enforce button locking during transactions and implement four-state wallet action flows. This ensures safer user operations by providing clear transaction feedback and preventing duplicate submissions.

What is the best way to format wallet addresses and handle network switching for blockchain users?

The best way to format wallet addresses is to apply truncation patterns alongside explorer links and copy support. Additionally, you must implement clear network switching interfaces to ensure a reliable user experience across blockchain networks.

Why does my dApp frontend fail during RPC fallbacks and blockchain errors?

Your dApp frontend likely fails during RPC fallbacks because it lacks robust error handling patterns. Implementing RPC fallbacks and human-readable errors prevents unreliable blockchain interactions and helps users recover from common failures.

Do I need to implement a four-state wallet action flow for Apertum token approvals?

Yes, you need to implement a four-state wallet action flow for Apertum token approvals to ensure safe onchain interaction patterns. This defines pending states, locks transaction buttons, and provides explicit user feedback during approvals.

Can I use standard UI components for web3 wallet connections and transaction UX?

You can use standard UI components for web3 wallet connections, but they must be wrapped with safe onchain interaction patterns. This requires enforcing pending states, address handling, and human-readable errors to prevent unreliable blockchain frontend interactions.