استخدم هذه المهارة عندما يحتاج المستخدم إلى إنشاء نظام تصميم، أو إنشاء أنماط واجهة المستخدم، أو اختيار الألوان والطباعة، أو ضمان الاتساق البصري عبر تطبيق SaaS الخاص به. يعمل في وضع الإنشاء (تطبيقات جديدة)، أو وضع التعديل (تحديث الأنظمة الحالية)، أو وضع العمل ضمن (بناء الميزات التي تتبع الأنماط المحددة).
ثبّت مهارة الذكاء الاصطناعي design بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: whawkinsiv/claude-code-superpowers.
Manage your app's design system through instructions/design-system.md - the single source of truth for all UX/UI work.
CREATE → No design system yet, or extracting from existing code MODIFY → Have a design system, need to update it WORK WITHIN → Have a design system, building features that follow it
Generate a new instructions/design-system.md from one of these entry points:
استخدم هذه المهارة عندما يحتاج المستخدم إلى إنشاء نظام تصميم، أو إنشاء أنماط واجهة المستخدم، أو اختيار الألوان والطباعة، أو ضمان الاتساق البصري عبر تطبيق SaaS الخاص به. يعمل في وضع الإنشاء (تطبيقات جديدة)، أو وضع التعديل (تحديث الأنظمة الحالية)، أو وضع العمل ضمن (بناء الميزات التي تتبع الأنماط المحددة). المصدر: whawkinsiv/claude-code-superpowers.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/whawkinsiv/claude-code-superpowers --skill designاستخدم هذه المهارة عندما يحتاج المستخدم إلى إنشاء نظام تصميم، أو إنشاء أنماط واجهة المستخدم، أو اختيار الألوان والطباعة، أو ضمان الاتساق البصري عبر تطبيق SaaS الخاص به. يعمل في وضع الإنشاء (تطبيقات جديدة)، أو وضع التعديل (تحديث الأنظمة الحالية)، أو وضع العمل ضمن (بناء الميزات التي تتبع الأنماط المحددة). المصدر: whawkinsiv/claude-code-superpowers.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/whawkinsiv/claude-code-superpowers --skill design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/whawkinsiv/claude-code-superpowers