استخدم هذه المهارة عند إنشاء أو تطوير أنظمة التصميم للتطبيقات. يوفر هياكل رمزية للتصميم وأنماط بنية المكونات وقوالب الوثائق وإرشادات إمكانية الوصول. يضمن تصميم واجهة مستخدم متسقة وقابلة للتطوير ويمكن الوصول إليها عبر المنتجات.
ثبّت مهارة الذكاء الاصطناعي design-system-starter بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: yonatangross/orchestkit.
This skill provides comprehensive guidance for building robust, scalable design systems that ensure visual consistency, improve development velocity, and create exceptional user experiences.
A design system is more than a component library. It includes:
| Design Tokens | Foundational design decisions | Colors, spacing, typography | | Components | Reusable UI building blocks | Button, Input, Card, Modal | | Patterns | Common UX solutions | Forms, Navigation, Layouts | | Guidelines | Rules and best practices | Accessibility, naming, APIs | | Documentation | How to use everything | Storybook, usage examples |
استخدم هذه المهارة عند إنشاء أو تطوير أنظمة التصميم للتطبيقات. يوفر هياكل رمزية للتصميم وأنماط بنية المكونات وقوالب الوثائق وإرشادات إمكانية الوصول. يضمن تصميم واجهة مستخدم متسقة وقابلة للتطوير ويمكن الوصول إليها عبر المنتجات. المصدر: yonatangross/orchestkit.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/yonatangross/orchestkit --skill design-system-starterاستخدم هذه المهارة عند إنشاء أو تطوير أنظمة التصميم للتطبيقات. يوفر هياكل رمزية للتصميم وأنماط بنية المكونات وقوالب الوثائق وإرشادات إمكانية الوصول. يضمن تصميم واجهة مستخدم متسقة وقابلة للتطوير ويمكن الوصول إليها عبر المنتجات. المصدر: yonatangross/orchestkit.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/yonatangross/orchestkit --skill design-system-starter بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/yonatangross/orchestkit