Frontend-UX-Regeln für Ethereum-dApps, die die häufigsten Fehler in der Benutzeroberfläche von KI-Agenten verhindern. Obligatorische Muster für On-Chain-Schaltflächen, Token-Genehmigungsabläufe, Adressanzeige, USD-Werte, RPC-Konfiguration und Metadaten vor der Veröffentlichung. Basierend auf Scaffold-ETH 2, aber die Muster gelten für jedes Ethereum-Frontend. Zum Erstellen eines beliebigen dApp-Frontends verwenden.
Installieren Sie den KI-Skill frontend-ux schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: 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.
Frontend-UX-Regeln für Ethereum-dApps, die die häufigsten Fehler in der Benutzeroberfläche von KI-Agenten verhindern. Obligatorische Muster für On-Chain-Schaltflächen, Token-Genehmigungsabläufe, Adressanzeige, USD-Werte, RPC-Konfiguration und Metadaten vor der Veröffentlichung. Basierend auf Scaffold-ETH 2, aber die Muster gelten für jedes Ethereum-Frontend. Zum Erstellen eines beliebigen dApp-Frontends verwenden. Quelle: austintgriffith/ethskills.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/austintgriffith/ethskills --skill frontend-uxFrontend-UX-Regeln für Ethereum-dApps, die die häufigsten Fehler in der Benutzeroberfläche von KI-Agenten verhindern. Obligatorische Muster für On-Chain-Schaltflächen, Token-Genehmigungsabläufe, Adressanzeige, USD-Werte, RPC-Konfiguration und Metadaten vor der Veröffentlichung. Basierend auf Scaffold-ETH 2, aber die Muster gelten für jedes Ethereum-Frontend. Zum Erstellen eines beliebigen dApp-Frontends verwenden. Quelle: austintgriffith/ethskills.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/austintgriffith/ethskills --skill frontend-ux Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/austintgriffith/ethskills