·design-systems
*

design-systems

رموز التصميم، ومقاييس التباعد، وأنظمة الألوان، والطباعة لبناء واجهات مستخدم متسقة. يُستخدم عند إنشاء أنظمة التصميم أو السمات أو إنشاء أسس واجهة المستخدم.

7التثبيتات·2الرائج·@moderndegree

التثبيت

$npx skills add https://github.com/moderndegree/agent-skills --skill design-systems

كيفية تثبيت design-systems

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

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

المصدر: moderndegree/agent-skills.

This skill covers the foundational elements of design systems — design tokens, spacing scales, color systems, typography, and naming conventions that enable consistent user experiences.

رموز التصميم، ومقاييس التباعد، وأنظمة الألوان، والطباعة لبناء واجهات مستخدم متسقة. يُستخدم عند إنشاء أنظمة التصميم أو السمات أو إنشاء أسس واجهة المستخدم. المصدر: moderndegree/agent-skills.

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

معتمدة أمنيا لكود موثوق وآمن تثبيت بنقرة واحدة مع إعداد مبسّط متوافقة مع Claude Code وCursor وOpenClaw والمزيد

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/moderndegree/agent-skills --skill design-systems
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-22
آخر تحديث
2026-03-10

Browse more skills from moderndegree/agent-skills

إجابات سريعة

ما هي design-systems؟

رموز التصميم، ومقاييس التباعد، وأنظمة الألوان، والطباعة لبناء واجهات مستخدم متسقة. يُستخدم عند إنشاء أنظمة التصميم أو السمات أو إنشاء أسس واجهة المستخدم. المصدر: moderndegree/agent-skills.

كيف أثبّت design-systems؟

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

أين مستودع المصدر؟

https://github.com/moderndegree/agent-skills