·ux-component-states
*

ux-component-states

أنماط حالة المكونات التفاعلية بما في ذلك حالات التمرير والتركيز والحالة النشطة والمعطلة والتحميل والخطأ. يُستخدم عند إنشاء الأزرار أو المدخلات أو البطاقات أو أي عناصر تفاعلية. (مشروع)

3التثبيتات·0الرائج·@matthewharwood

التثبيت

$npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-component-states

كيفية تثبيت ux-component-states

ثبّت مهارة الذكاء الاصطناعي ux-component-states بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-component-states
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: matthewharwood/fantasy-phonics.

Interactive state management for web components. This skill covers visual feedback for all interaction states, ensuring components feel responsive and accessible.

Custom elements are "undefined" until JavaScript loads and registers them. Use :not(:defined) to prevent Flash of Unstyled Content (FOUC):

Important: Element references are stored during construction - NEVER use querySelector.

أنماط حالة المكونات التفاعلية بما في ذلك حالات التمرير والتركيز والحالة النشطة والمعطلة والتحميل والخطأ. يُستخدم عند إنشاء الأزرار أو المدخلات أو البطاقات أو أي عناصر تفاعلية. (مشروع) المصدر: matthewharwood/fantasy-phonics.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-component-states
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-11

Browse more skills from matthewharwood/fantasy-phonics

إجابات سريعة

ما هي ux-component-states؟

أنماط حالة المكونات التفاعلية بما في ذلك حالات التمرير والتركيز والحالة النشطة والمعطلة والتحميل والخطأ. يُستخدم عند إنشاء الأزرار أو المدخلات أو البطاقات أو أي عناصر تفاعلية. (مشروع) المصدر: matthewharwood/fantasy-phonics.

كيف أثبّت ux-component-states؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-component-states بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/matthewharwood/fantasy-phonics

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-02-01