·design-system-generator
*

design-system-generator

قم بإنشاء DESIGN_SYSTEM.md خاص بالمشروع والذي يفرض واجهة مستخدم/UX متسقة عبر SPA والمواقع التقليدية التي يعرضها الخادم والأنظمة المختلطة. يتضمن الرموز المميزة وقواعد المكونات وبوابات إمكانية الوصول وأصول الإنتاج/إرشادات البيان.

22التثبيتات·0الرائج·@thienanblog

التثبيت

$npx skills add https://github.com/thienanblog/awesome-ai-agent-skills --skill design-system-generator

كيفية تثبيت design-system-generator

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

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

المصدر: 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
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from thienanblog/awesome-ai-agent-skills

إجابات سريعة

ما هي design-system-generator؟

قم بإنشاء DESIGN_SYSTEM.md خاص بالمشروع والذي يفرض واجهة مستخدم/UX متسقة عبر SPA والمواقع التقليدية التي يعرضها الخادم والأنظمة المختلطة. يتضمن الرموز المميزة وقواعد المكونات وبوابات إمكانية الوصول وأصول الإنتاج/إرشادات البيان. المصدر: thienanblog/awesome-ai-agent-skills.

كيف أثبّت design-system-generator؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل 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

التفاصيل

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