·design-system-starter
*

design-system-starter

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

8التثبيتات·0الرائج·@ariegoldkin

التثبيت

$npx skills add https://github.com/ariegoldkin/ai-agent-hub --skill design-system-starter

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

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

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

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

Browse more skills from ariegoldkin/ai-agent-hub

إجابات سريعة

ما هي design-system-starter؟

استخدم هذه المهارة عند إنشاء أو تطوير أنظمة التصميم للتطبيقات. يوفر هياكل رمزية للتصميم وأنماط بنية المكونات وقوالب الوثائق وإرشادات إمكانية الوصول. يضمن تصميم واجهة مستخدم متسقة وقابلة للتطوير ويمكن الوصول إليها عبر المنتجات. المصدر: ariegoldkin/ai-agent-hub.

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

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