最も一般的な AI エージェント UI のバグを防ぐ、イーサリアム dApp のフロントエンド UX ルール。オンチェーン ボタン、トークン承認フロー、アドレス表示、USD 値、RPC 構成、および事前公開メタデータの必須パターン。 Scaffold-ETH 2 を中心に構築されていますが、パターンはあらゆる Ethereum フロントエンドに適用されます。 dApp フロントエンドを構築するときに使用します。
コマンドラインで frontend-ux AI スキルを開発環境にすばやくインストール
ソース: 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.
最も一般的な AI エージェント UI のバグを防ぐ、イーサリアム dApp のフロントエンド UX ルール。オンチェーン ボタン、トークン承認フロー、アドレス表示、USD 値、RPC 構成、および事前公開メタデータの必須パターン。 Scaffold-ETH 2 を中心に構築されていますが、パターンはあらゆる Ethereum フロントエンドに適用されます。 dApp フロントエンドを構築するときに使用します。 ソース: austintgriffith/ethskills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/austintgriffith/ethskills --skill frontend-ux最も一般的な AI エージェント UI のバグを防ぐ、イーサリアム dApp のフロントエンド UX ルール。オンチェーン ボタン、トークン承認フロー、アドレス表示、USD 値、RPC 構成、および事前公開メタデータの必須パターン。 Scaffold-ETH 2 を中心に構築されていますが、パターンはあらゆる Ethereum フロントエンドに適用されます。 dApp フロントエンドを構築するときに使用します。 ソース: austintgriffith/ethskills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/austintgriffith/ethskills --skill frontend-ux インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/austintgriffith/ethskills