·design-system
*

design-system

إنشاء نظام التصميم التعاوني باستخدام منهجية التصميم الذري. تنتج قطعة أثرية مواصفات مع الفلسفة، والرموز، والتسلسل الهرمي للمكونات. يتم التنشيط عند إنشاء نظام تصميم، أو تعريف اللغة المرئية، أو تحديد الرموز المميزة لواجهة المستخدم، أو تخطيط بنية المكونات قبل بدء التنفيذ.

42التثبيتات·3الرائج·@jwilger

التثبيت

$npx skills add https://github.com/jwilger/agent-skills --skill design-system

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

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

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

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

Value: Communication -- a documented design system creates shared vocabulary for every visual decision. When philosophy is explicit and tokens are named, contributors extend the system consistently without guessing at intent.

Facilitates collaborative creation of a design system specification. Produces an artifact at docs/design-system.pen (if Pencil MCP is available) or docs/design-system.html (single-file fallback) that documents philosophy, tokens, and the full component hierarchy from atoms through templates.

Decide the format before starting any design work. Do not switch formats mid-process.

إنشاء نظام التصميم التعاوني باستخدام منهجية التصميم الذري. تنتج قطعة أثرية مواصفات مع الفلسفة، والرموز، والتسلسل الهرمي للمكونات. يتم التنشيط عند إنشاء نظام تصميم، أو تعريف اللغة المرئية، أو تحديد الرموز المميزة لواجهة المستخدم، أو تخطيط بنية المكونات قبل بدء التنفيذ. المصدر: jwilger/agent-skills.

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

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

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

Browse more skills from jwilger/agent-skills

إجابات سريعة

ما هي design-system؟

إنشاء نظام التصميم التعاوني باستخدام منهجية التصميم الذري. تنتج قطعة أثرية مواصفات مع الفلسفة، والرموز، والتسلسل الهرمي للمكونات. يتم التنشيط عند إنشاء نظام تصميم، أو تعريف اللغة المرئية، أو تحديد الرموز المميزة لواجهة المستخدم، أو تخطيط بنية المكونات قبل بدء التنفيذ. المصدر: jwilger/agent-skills.

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

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

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

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

التفاصيل

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