ما هي component-interface-design؟
واجهات التصميم باستخدام مكتبات المكونات وأنظمة التصميم. ينشئ واجهات مستخدم متماسكة مع عناصر أولية يمكن الوصول إليها مسبقًا. المصدر: qodex-ai/ai-agent-skills.
·component-interface-design
</>
component-interface-design
✓واجهات التصميم باستخدام مكتبات المكونات وأنظمة التصميم. ينشئ واجهات مستخدم متماسكة مع عناصر أولية يمكن الوصول إليها مسبقًا.
كيفية تثبيت component-interface-design
ثبّت مهارة الذكاء الاصطناعي component-interface-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/qodex-ai/ai-agent-skills --skill component-interface-design
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: qodex-ai/ai-agent-skills.
SKILL.md
عرض النص الخام"Design a modern, clean UI following Shadcn principles: apply minimalism with ample white space and simple sans-serif typography; use strategic, subtle shadows for depth and hierarchy; ensure accessibility with high-contrast neutrals and scalable elements; provide beautiful defaults for buttons, cards, and forms that compose modularly; incorporate fluid, non-intrusive animations; maintain a professional palette of...
واجهات التصميم باستخدام مكتبات المكونات وأنظمة التصميم. ينشئ واجهات مستخدم متماسكة مع عناصر أولية يمكن الوصول إليها مسبقًا. المصدر: qodex-ai/ai-agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/qodex-ai/ai-agent-skills --skill component-interface-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/qodex-ai/ai-agent-skills --skill component-interface-design- المصدر
- qodex-ai/ai-agent-skills
- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-02-01
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت component-interface-design؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/qodex-ai/ai-agent-skills --skill component-interface-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/qodex-ai/ai-agent-skills
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-02-01