قواعد Frontend UX لتطبيقات Ethereum dApps التي تمنع أخطاء واجهة المستخدم الأكثر شيوعًا لعامل الذكاء الاصطناعي. الأنماط الإلزامية لأزرار onchain، وتدفقات الموافقة على الرموز المميزة، وعرض العناوين، وقيم الدولار الأمريكي، وتكوين RPC، والبيانات التعريفية قبل النشر. بنيت حول Scaffold-ETH 2 ولكن الأنماط تنطبق على أي واجهة أمامية لـ Ethereum. يُستخدم عند إنشاء أي واجهة أمامية لتطبيق dApp.
ثبّت مهارة الذكاء الاصطناعي frontend-ux بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: 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 لتطبيقات Ethereum dApps التي تمنع أخطاء واجهة المستخدم الأكثر شيوعًا لعامل الذكاء الاصطناعي. الأنماط الإلزامية لأزرار onchain، وتدفقات الموافقة على الرموز المميزة، وعرض العناوين، وقيم الدولار الأمريكي، وتكوين RPC، والبيانات التعريفية قبل النشر. بنيت حول Scaffold-ETH 2 ولكن الأنماط تنطبق على أي واجهة أمامية لـ Ethereum. يُستخدم عند إنشاء أي واجهة أمامية لتطبيق dApp. المصدر: austintgriffith/ethskills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/austintgriffith/ethskills --skill frontend-uxقواعد Frontend UX لتطبيقات Ethereum dApps التي تمنع أخطاء واجهة المستخدم الأكثر شيوعًا لعامل الذكاء الاصطناعي. الأنماط الإلزامية لأزرار onchain، وتدفقات الموافقة على الرموز المميزة، وعرض العناوين، وقيم الدولار الأمريكي، وتكوين RPC، والبيانات التعريفية قبل النشر. بنيت حول Scaffold-ETH 2 ولكن الأنماط تنطبق على أي واجهة أمامية لـ Ethereum. يُستخدم عند إنشاء أي واجهة أمامية لتطبيق dApp. المصدر: austintgriffith/ethskills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/austintgriffith/ethskills --skill frontend-ux بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/austintgriffith/ethskills