ما هي design-system-starter؟
قم بإنشاء أنظمة التصميم وتطويرها باستخدام رموز التصميم وبنية المكونات وإرشادات إمكانية الوصول وقوالب الوثائق. يضمن واجهة مستخدم متسقة وقابلة للتطوير ويمكن الوصول إليها عبر المنتجات. المصدر: softaworks/agent-toolkit.
·design-system-starter
*
design-system-starter
✓قم بإنشاء أنظمة التصميم وتطويرها باستخدام رموز التصميم وبنية المكونات وإرشادات إمكانية الوصول وقوالب الوثائق. يضمن واجهة مستخدم متسقة وقابلة للتطوير ويمكن الوصول إليها عبر المنتجات.
كيفية تثبيت design-system-starter
ثبّت مهارة الذكاء الاصطناعي design-system-starter بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/softaworks/agent-toolkit --skill design-system-starter
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: softaworks/agent-toolkit.
SKILL.md
عرض النص الخامBuild robust, scalable design systems that ensure visual consistency and exceptional user experiences.
That's it. The skill provides tokens, components, and accessibility guidelines.
| Create design system | "Create a design system for my app" | | Design tokens | "Set up design tokens for colors and spacing" | | Component architecture | "Design component structure using atomic design" | | Accessibility | "Ensure WCAG 2.1 compliance for my components" | | Dark mode | "Implement theming with dark mode support" |
قم بإنشاء أنظمة التصميم وتطويرها باستخدام رموز التصميم وبنية المكونات وإرشادات إمكانية الوصول وقوالب الوثائق. يضمن واجهة مستخدم متسقة وقابلة للتطوير ويمكن الوصول إليها عبر المنتجات. المصدر: softaworks/agent-toolkit.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/softaworks/agent-toolkit --skill design-system-starter- المصدر
- softaworks/agent-toolkit
- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-02-01
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت design-system-starter؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/softaworks/agent-toolkit --skill design-system-starter بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/softaworks/agent-toolkit
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-02-01