مرجع نظام التصميم الكامل لأي مشروع - الألوان والطباعة والمسافات والمكونات والرسوم المتحركة. يتكيف مع موضوع المشروع ومكدس التكنولوجيا. يُستخدم عند تنفيذ واجهة المستخدم أو اختيار الألوان أو إنشاء الرسوم المتحركة أو ضمان اتساق العلامة التجارية. بالنسبة لأنظمة التصميم الجديدة، استخدم مهارة البحث في واجهة المستخدم أولاً.
ثبّت مهارة الذكاء الاصطناعي generic-design-system بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: travisjneuman/.claude.
When creating a NEW design system (not following an existing one):
| Existing design system | Follow it strictly | | No design system | Use this skill to establish foundations | | Partial system | Identify gaps, extend consistently |
| Primitive | --color-blue-500 | Raw values | | Semantic | --color-primary | Meaning | | Component | --button-background | Context |
مرجع نظام التصميم الكامل لأي مشروع - الألوان والطباعة والمسافات والمكونات والرسوم المتحركة. يتكيف مع موضوع المشروع ومكدس التكنولوجيا. يُستخدم عند تنفيذ واجهة المستخدم أو اختيار الألوان أو إنشاء الرسوم المتحركة أو ضمان اتساق العلامة التجارية. بالنسبة لأنظمة التصميم الجديدة، استخدم مهارة البحث في واجهة المستخدم أولاً. المصدر: travisjneuman/.claude.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/travisjneuman/.claude --skill generic-design-systemمرجع نظام التصميم الكامل لأي مشروع - الألوان والطباعة والمسافات والمكونات والرسوم المتحركة. يتكيف مع موضوع المشروع ومكدس التكنولوجيا. يُستخدم عند تنفيذ واجهة المستخدم أو اختيار الألوان أو إنشاء الرسوم المتحركة أو ضمان اتساق العلامة التجارية. بالنسبة لأنظمة التصميم الجديدة، استخدم مهارة البحث في واجهة المستخدم أولاً. المصدر: travisjneuman/.claude.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/travisjneuman/.claude --skill generic-design-system بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/travisjneuman/.claude