قم بإنشاء DESIGN_SYSTEM.md خاص بالمشروع والذي يفرض واجهة مستخدم/UX متسقة عبر SPA والمواقع التقليدية التي يعرضها الخادم والأنظمة المختلطة. يتضمن الرموز المميزة وقواعد المكونات وبوابات إمكانية الوصول وأصول الإنتاج/إرشادات البيان.
ثبّت مهارة الذكاء الاصطناعي design-system-generator بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: thienanblog/awesome-ai-agent-skills.
This skill generates a project-specific DESIGNSYSTEM.md that enforces consistent UI/UX across:
The design system must be component-based, portable, and practical for real implementation.
Rule 1: Prefer existing stack If the project already uses a template or styling system, adapt to it.
قم بإنشاء DESIGN_SYSTEM.md خاص بالمشروع والذي يفرض واجهة مستخدم/UX متسقة عبر SPA والمواقع التقليدية التي يعرضها الخادم والأنظمة المختلطة. يتضمن الرموز المميزة وقواعد المكونات وبوابات إمكانية الوصول وأصول الإنتاج/إرشادات البيان. المصدر: thienanblog/awesome-ai-agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/thienanblog/awesome-ai-agent-skills --skill design-system-generatorقم بإنشاء DESIGN_SYSTEM.md خاص بالمشروع والذي يفرض واجهة مستخدم/UX متسقة عبر SPA والمواقع التقليدية التي يعرضها الخادم والأنظمة المختلطة. يتضمن الرموز المميزة وقواعد المكونات وبوابات إمكانية الوصول وأصول الإنتاج/إرشادات البيان. المصدر: thienanblog/awesome-ai-agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/thienanblog/awesome-ai-agent-skills --skill design-system-generator بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/thienanblog/awesome-ai-agent-skills