·frontend-ux
*

frontend-ux

Regole UX frontend per dApp Ethereum che prevengono i bug più comuni dell'interfaccia utente dell'agente AI. Modelli obbligatori per pulsanti onchain, flussi di approvazione dei token, visualizzazione degli indirizzi, valori USD, configurazione RPC e metadati di pre-pubblicazione. Costruito attorno a Scaffold-ETH 2 ma i modelli si applicano a qualsiasi frontend di Ethereum. Da utilizzare durante la creazione di qualsiasi frontend dApp.

29Installazioni·0Tendenza·@austintgriffith

Installazione

$npx skills add https://github.com/austintgriffith/ethskills --skill frontend-ux

Come installare frontend-ux

Installa rapidamente la skill AI frontend-ux nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/austintgriffith/ethskills --skill frontend-ux
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: austintgriffith/ethskills.

"The button works." Working is not the standard. Does it disable during the transaction? Does it show a spinner? Does it stay disabled until the chain confirms? Does it show an error if the user rejects? AI agents skip all of this, every time.

"I used wagmi hooks." Wrong hooks. Scaffold-ETH 2 wraps wagmi with useTransactor which waits for transaction confirmation — not just wallet signing. Raw wagmi's writeContractAsync resolves the moment the user clicks Confirm in MetaMask, BEFORE the tx is mined. Your button re-enables while the transaction is still pending.

"I showed the address." As raw hex? That's not showing it. gives you ENS resolution, blockie avatars, copy-to-clipboard, and block explorer links. Raw 0x1234...5678 is unacceptable.

Regole UX frontend per dApp Ethereum che prevengono i bug più comuni dell'interfaccia utente dell'agente AI. Modelli obbligatori per pulsanti onchain, flussi di approvazione dei token, visualizzazione degli indirizzi, valori USD, configurazione RPC e metadati di pre-pubblicazione. Costruito attorno a Scaffold-ETH 2 ma i modelli si applicano a qualsiasi frontend di Ethereum. Da utilizzare durante la creazione di qualsiasi frontend dApp. Fonte: austintgriffith/ethskills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/austintgriffith/ethskills --skill frontend-ux
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-22
Aggiornato
2026-03-10

Browse more skills from austintgriffith/ethskills

Risposte rapide

Che cos'è frontend-ux?

Regole UX frontend per dApp Ethereum che prevengono i bug più comuni dell'interfaccia utente dell'agente AI. Modelli obbligatori per pulsanti onchain, flussi di approvazione dei token, visualizzazione degli indirizzi, valori USD, configurazione RPC e metadati di pre-pubblicazione. Costruito attorno a Scaffold-ETH 2 ma i modelli si applicano a qualsiasi frontend di Ethereum. Da utilizzare durante la creazione di qualsiasi frontend dApp. Fonte: austintgriffith/ethskills.

Come installo frontend-ux?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/austintgriffith/ethskills --skill frontend-ux Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/austintgriffith/ethskills

Dettagli

Categoria
*Creatività
Fonte
skills.sh
Prima apparizione
2026-02-22