·frontend-ux
*

frontend-ux

Règles UX frontend pour les dApps Ethereum qui empêchent les bugs d'interface utilisateur des agents IA les plus courants. Modèles obligatoires pour les boutons en chaîne, les flux d'approbation des jetons, l'affichage des adresses, les valeurs USD, la configuration RPC et les métadonnées de pré-publication. Construit autour de Scaffold-ETH 2, mais les modèles s'appliquent à n'importe quelle interface Ethereum. À utiliser lors de la création d’une interface dApp.

29Installations·0Tendance·@austintgriffith

Installation

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

Comment installer frontend-ux

Installez rapidement le skill IA frontend-ux dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/austintgriffith/ethskills --skill frontend-ux
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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.

Règles UX frontend pour les dApps Ethereum qui empêchent les bugs d'interface utilisateur des agents IA les plus courants. Modèles obligatoires pour les boutons en chaîne, les flux d'approbation des jetons, l'affichage des adresses, les valeurs USD, la configuration RPC et les métadonnées de pré-publication. Construit autour de Scaffold-ETH 2, mais les modèles s'appliquent à n'importe quelle interface Ethereum. À utiliser lors de la création d’une interface dApp. Source : austintgriffith/ethskills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/austintgriffith/ethskills --skill frontend-ux
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-22
Mis à jour
2026-03-10

Browse more skills from austintgriffith/ethskills

Réponses rapides

Qu'est-ce que frontend-ux ?

Règles UX frontend pour les dApps Ethereum qui empêchent les bugs d'interface utilisateur des agents IA les plus courants. Modèles obligatoires pour les boutons en chaîne, les flux d'approbation des jetons, l'affichage des adresses, les valeurs USD, la configuration RPC et les métadonnées de pré-publication. Construit autour de Scaffold-ETH 2, mais les modèles s'appliquent à n'importe quelle interface Ethereum. À utiliser lors de la création d’une interface dApp. Source : austintgriffith/ethskills.

Comment installer frontend-ux ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/austintgriffith/ethskills --skill frontend-ux Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/austintgriffith/ethskills

Détails

Catégorie
*Créativité
Source
skills.sh
Première apparition
2026-02-22