·frontend-ux

frontend-ux

Name: frontend-ux
Author: austintgriffith

✓

austintgriffith/ethskillsGitHub: austintgriffith/ethskills 來源: austintgriffith/ethskills

以太坊 dApp 的前端 UX 規則可防止最常見的 AI 代理 UI 錯誤。鏈上按鈕、代幣審批流程、地址顯示、美元值、RPC 配置和預發布元資料的強制模式。圍繞著 Scaffold-ETH 2 構建，但這些模式適用於任何以太坊前端。在建構任何 dApp 前端時使用。

austintgriffith·frontend·ux

29安裝·0熱度·@austintgriffith

安裝

GitHub: austintgriffith/ethskills

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

如何安裝 frontend-ux

透過命令列快速安裝 frontend-ux AI 技能到你的開發環境

開啟終端機: 開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等）
執行安裝指令: 複製並執行以下指令：npx skills add https://github.com/austintgriffith/ethskills --skill frontend-ux
驗證安裝: 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用

來源：austintgriffith/ethskills。

SKILL.md

查看原文

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

以太坊 dApp 的前端 UX 規則可防止最常見的 AI 代理 UI 錯誤。鏈上按鈕、代幣審批流程、地址顯示、美元值、RPC 配置和預發布元資料的強制模式。圍繞著 Scaffold-ETH 2 構建，但這些模式適用於任何以太坊前端。在建構任何 dApp 前端時使用。來源：austintgriffith/ethskills。

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令: npx skills add https://github.com/austintgriffith/ethskills --skill frontend-ux
來源: austintgriffith/ethskills
分類: *創意媒體
認證: ✓
收錄時間: 2026-02-22
更新時間: 2026-03-11
連結: https://www.learn-skills.dev/tw/skills/austintgriffith/ethskills/frontend-ux

Browse more skills from austintgriffith/ethskills

快速解答

什麼是 frontend-ux？

如何安裝 frontend-ux？

開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等）複製並執行以下指令：npx skills add https://github.com/austintgriffith/ethskills --skill frontend-ux 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用

這個 Skill 的原始碼在哪？

https://github.com/austintgriffith/ethskills

詳情

分類: *創意媒體
來源: skills.sh
收錄時間: 2026-02-22