استخدم هذه المهارة عند إنشاء أو تطوير أنظمة التصميم للتطبيقات. يوفر هياكل رمزية للتصميم وأنماط بنية المكونات وقوالب الوثائق وإرشادات إمكانية الوصول. يضمن تصميم واجهة مستخدم متسقة وقابلة للتطوير ويمكن الوصول إليها عبر المنتجات.
ثبّت مهارة الذكاء الاصطناعي design-system-starter بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: ariegoldkin/ai-agent-hub.
This skill provides comprehensive guidance for building robust, scalable design systems that ensure visual consistency, improve development velocity, and create exceptional user experiences. Whether starting from scratch or evolving an existing system, this framework helps teams design with intention and scale.
A design system is more than a component library—it's a collection of:
Design tokens are the atomic design decisions that define your system's visual language.
استخدم هذه المهارة عند إنشاء أو تطوير أنظمة التصميم للتطبيقات. يوفر هياكل رمزية للتصميم وأنماط بنية المكونات وقوالب الوثائق وإرشادات إمكانية الوصول. يضمن تصميم واجهة مستخدم متسقة وقابلة للتطوير ويمكن الوصول إليها عبر المنتجات. المصدر: ariegoldkin/ai-agent-hub.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/ariegoldkin/ai-agent-hub --skill design-system-starterاستخدم هذه المهارة عند إنشاء أو تطوير أنظمة التصميم للتطبيقات. يوفر هياكل رمزية للتصميم وأنماط بنية المكونات وقوالب الوثائق وإرشادات إمكانية الوصول. يضمن تصميم واجهة مستخدم متسقة وقابلة للتطوير ويمكن الوصول إليها عبر المنتجات. المصدر: ariegoldkin/ai-agent-hub.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/ariegoldkin/ai-agent-hub --skill design-system-starter بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/ariegoldkin/ai-agent-hub