ما هي design-system؟
قم بإنتاج تصميمات واجهة المستخدم على مستوى الإنتاج باستخدام رموز التصميم الواضحة وقواعد التخطيط وتوجيهات الحركة وفحوصات إمكانية الوصول لتطوير الواجهة الأمامية بشكل متسق وقابل للتطوير. المصدر: supercent-io/skills-template.
·design-system
*
design-system
✓supercent-io/skills-templateGitHub: supercent-io/skills-templateالمصدر: supercent-io/skills-template
قم بإنتاج تصميمات واجهة المستخدم على مستوى الإنتاج باستخدام رموز التصميم الواضحة وقواعد التخطيط وتوجيهات الحركة وفحوصات إمكانية الوصول لتطوير الواجهة الأمامية بشكل متسق وقابل للتطوير.
كيفية تثبيت design-system
ثبّت مهارة الذكاء الاصطناعي design-system بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/supercent-io/skills-template --skill design-system
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: supercent-io/skills-template.
SKILL.md
عرض النص الخامThis is a skill for production-grade UI design. It supports consistent and scalable frontend development through clear design tokens, layout rules, motion guidelines, and accessibility checks.
Issue: UI feels generic Cause: No visual direction or tokens Solution: Provide style references and palette
Issue: Layout breaks on mobile Cause: No responsive grid rules Solution: Define breakpoints and stacking behavior
قم بإنتاج تصميمات واجهة المستخدم على مستوى الإنتاج باستخدام رموز التصميم الواضحة وقواعد التخطيط وتوجيهات الحركة وفحوصات إمكانية الوصول لتطوير الواجهة الأمامية بشكل متسق وقابل للتطوير. المصدر: supercent-io/skills-template.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/supercent-io/skills-template --skill design-system- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-03-07
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت design-system؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/supercent-io/skills-template --skill design-system بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/supercent-io/skills-template
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-03-07