prompt

مصفوفة حالات تفاعل المكون

توليد مصفوفة مواصفات حالة شاملة لمكون واجهة المستخدم تغطي الحالات العادية والتحوم والتركيز والنشطة والمعطلة والخطأ.

آخر تحديث يونيو ٢٠٢٦
الموجه
أنشئ مصفوفة حالة لمكون {{component_name}} المستخدم في {{product_context}}.

حدد المواصفات البصرية والوظيفية ل:
- الافتراضي
- التحوم
- التركيز
- النشط/المضغوط
- المعطل
- الخطأ/غير الصحيح
- التحميل (إن أمكن)

أدرج: رموز الألوان، والطباعة، والحجم، والمسافات، والحدود، والظلال، ونمط المؤشر، وسمات الوصول (aria-، role).
هل نجح معك؟ قيم هذا الموجه

المتغيرات

نوع المكون
المنتج أو حالة الاستخدام

التفاصيل

المصدر

AI Khazna

الرخصة

الأمان

النوع

prompt

أصول ذات صلة

مختارات أخرى في التصميم والإبداع.

skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/frontend-design ~/.claude/skills/
تصميم واجهة المستخدم
إنشاء واجهات أمامية متميزة وعالية الجودة جاهزة للإنتاج. استخدم هذه المهارة عندما يطلب المستخدم بناء مكونات ويب أو صفحات أو تصاميم أو ملصقات أو تطبيقات…★ ٤.٨ · ٢,٥٠٠+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/slack-gif-creator ~/.claude/skills/
منشئ رسائل Slack المتحركة
المعارف والأدوات لإنشاء صور GIF متحركة محسنة للاستخدام في Slack. يوفر قيودا وأدوات التحقق ومفاهيم الرسوم المتحركة. استخدمه عندما يطلب المستخدمون صور G…★ ٤.٨ · ٢,٥٠٠+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/web-artifacts-builder ~/.claude/skills/
منشئ القطع الفنية الويب
مجموعة أدوات لإنشاء قطع عمل HTML متقدمة ومتعددة المكونات على claude.ai باستخدام تقنيات الويب الحديثة (React و Tailwind CSS و shadcn/ui). استخدمها للقط…★ ٤.٨ · ٢,٥٠٠+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/canvas-design ~/.claude/skills/
تصميم Canvas
إنشاء أعمال فنية بصرية جميلة في ملفات .png و.pdf باستخدام فلسفة التصميم. استخدم هذه المهارة عندما يطلب المستخدم إنشاء ملصق أو عمل فني أو تصميم أو أي ق…★ ٤.٨ · ٢,٥٠٠+
image stylemidjourneydall-eflux
تصيير معماري واقعي — واجهات وداخليات وسياق حضري.
حزمة تصيير معماري
تصيير معماري واقعي — واجهات وداخليات وسياق حضري.٠+
prompt
يفحص ازواج الالوان مقابل قواعد تباين WCAG ويقترح اصلاحات يمكن الوصول اليها.
مدقق تباين الوصول
يفحص ازواج الالوان مقابل قواعد تباين WCAG ويقترح اصلاحات يمكن الوصول اليها.٠+

افحص قبل التثبيت

شغل أي مصدر عبر فحوصاتنا - الظهور في الذكاء الاصطناعي والأمان والأداء واكتشاف التقنيات.

المزيد في التصميم والإبداع