·frontend-ux
*

frontend-ux

Reglas de UX de frontend para dApps de Ethereum que previenen los errores más comunes de la interfaz de usuario del agente de IA. Patrones obligatorios para botones en cadena, flujos de aprobación de tokens, visualización de direcciones, valores en USD, configuración de RPC y metadatos previos a la publicación. Construido alrededor de Scaffold-ETH 2, pero los patrones se aplican a cualquier interfaz de Ethereum. Úselo al crear cualquier interfaz de dApp.

29Instalaciones·0Tendencia·@austintgriffith

Instalación

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

Cómo instalar frontend-ux

Instala rápidamente el skill de IA frontend-ux en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/austintgriffith/ethskills --skill frontend-ux
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: austintgriffith/ethskills.

SKILL.md

Ver original

"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.

Reglas de UX de frontend para dApps de Ethereum que previenen los errores más comunes de la interfaz de usuario del agente de IA. Patrones obligatorios para botones en cadena, flujos de aprobación de tokens, visualización de direcciones, valores en USD, configuración de RPC y metadatos previos a la publicación. Construido alrededor de Scaffold-ETH 2, pero los patrones se aplican a cualquier interfaz de Ethereum. Úselo al crear cualquier interfaz de dApp. Fuente: austintgriffith/ethskills.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/austintgriffith/ethskills --skill frontend-ux
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-22
Actualizado
2026-03-11

Browse more skills from austintgriffith/ethskills

Respuestas rápidas

¿Qué es frontend-ux?

Reglas de UX de frontend para dApps de Ethereum que previenen los errores más comunes de la interfaz de usuario del agente de IA. Patrones obligatorios para botones en cadena, flujos de aprobación de tokens, visualización de direcciones, valores en USD, configuración de RPC y metadatos previos a la publicación. Construido alrededor de Scaffold-ETH 2, pero los patrones se aplican a cualquier interfaz de Ethereum. Úselo al crear cualquier interfaz de dApp. Fuente: austintgriffith/ethskills.

¿Cómo instalo frontend-ux?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/austintgriffith/ethskills --skill frontend-ux Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/austintgriffith/ethskills

Detalles

Categoría
*Creatividad
Fuente
skills.sh
Primera vez visto
2026-02-22