storybook

| select | Enum with many options | | radio | Enum with 2-4 options | | boolean | True/false toggles | | text | String inputs | | number | Numeric values | | color | Color pickers | | object | Complex objects | | date | Date values |

Stories are grouped by title in the Storybook sidebar following Atomic Design:

Storybook 8 لتوثيق واختبار مكونات React. يُستخدم لإنشاء القصص وتوثيق المكونات باستخدام عناصر التحكم/الإجراءات والاختبار المرئي ووثائق MDX. تشغيل طلبات قصص القصص المصورة أو وثائق المكونات أو الاختبارات المرئية أو العروض التوضيحية التفاعلية للمكونات. المصدر: ibutters/claudecodeplugins.

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/ibutters/claudecodeplugins --skill storybook بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw